Generating QR code for URLs

[Elnur_Muhammad]

Hi there, I would like to add field that will generate QR code for the URL of content type. And save it in a way that we can use it as endpoint. Is there any plugin or package to solve this? Thanks

System Information

• Strapi Version:
• Operating System:
• Database:
• Node Version:
• NPM Version:
• Yarn Version:

---

[Zharkan]

Hello,

I’ve created a plugin for this very reason
Strapi plugin qr code generator

[Luis_Federico_Rojas]

hello,
could you make a tutorial how to install your plugin because it doesn’t work please

[BurlLam]

I’m new to the forum, and this topic caught my eye. I was wondering if you’ve had any luck finding a plugin or package to generate QR codes for URLs.

[BurlLam]

I’m new to the forum, and this topic caught my eye. I was wondering if you’ve had any luck finding a plugin or package to generate QR codes for URLs. I recently started using Smart Engines OCR SDK and it’s been a lifesaver when it comes to reading QR codes. It’s an awesome OCR solution that helps me get the job done quickly and accurately. I’m sure you could find a package that would help you with generating QR codes for URLs. I’m sure there are plenty of experienced users here who could help you out. What Strapi, OS, DB, Node, NPM, and Yarn versions are you using? That might make it easier for users to suggest the right solution for you.

[Zharkan]

The latest release is working, sorry for the delay, it had to have qrcode package as a dependency in order to work.

[Thorfin]

Hi @Zharkan ,

I tested your plugin on localhost and the button “Download my QR Code” does not work , it redirects me to “Page not found”

Here is the url I get :

http://localhost:8000/qrcode-generator?url=http%3A%2F%2Flocalhost%3A8000%2Fapi%3A%3Aartwork.artwork%2Fgiant1&filename=giant1&download=true

I set STRAPI_BASE_FRONTEND=http://localhost:8000 (is content manager)

Plugin.js

qrcode-generator: {
    enabled: true,
    config: {
      contentTypes: [
        {
          uid: 'api::artwork.artwork',
          targetField: 'name',
          frontend: {
            basePath: '/artworks', (artworks is my collection name)
          },
        },
      ],
    },
  }

Do I miss something ?

Thanks in advance

[Eman_Ismail]

@Thorfin what is the type of the field name ? I had a problem can’t link the plugin with content type.

[PostAlt]

Is there any kind of instructions or tutorial to use this plugin?

[Thorfin]

@Eman_Ismail name is text (string)

[edgi250]

Dear, @Zharkan first i appreciate that you made this helpful plugin,
can you please show how to return like qrcode url in api?

[Paul_Brats]

To install the plugin, you need to do the following.

1. Create a content type that you want to connect to the feature.

Here I created a collection name ‘note’.

2. Install the plugin with the following command.

  npm i strapi-plugin-qrcode-generator
   or
  yarn add strapi-plugin-qrcode-generator

3. Next add the following into your .end file in Strapi.

  STRAPI_BASE_FRONTEND=http://localhost:1337

4. Add the following in the config/plugins.js

note: make sure that you reference the collection type that you created in step one.

Since I created one called note we need to reference it in the plugins.js file.

module.exports = {
  'qrcode-generator': {
    enabled: true,
    config: {
      contentTypes: [
        {
          uid: 'api::note.note',
          targetField: 'slug',
          frontend: {
            basePath: '/notes',
          },
        },
      ],
    },
  },
};

After making the following changes. It should work.