### [小程序怎么生成二维码](https://www.prosaas.cn/article/16476)

**Published:** 2021-01-04T07:40:50

**Author:** 5201314

**Excerpt:** 小程序生成二维码的方法：首先新建代码片段，并下载【weapp.qrcode.min.js】文件拷贝到小程序目录…

> 小程序生成二维码的方法：首先新建代码片段，并下载【weapp.qrcode.min.js】文件拷贝到小程序目录下面；然后导入【weapp.qrcode.min.js】文件，并设置【canvas-id】；最后调用qrcode方法生成二维码。

![](https://img.php.cn/upload/article/000/000/052/5ff2c5a4e2166593.jpg)

本文操作环境：Windows7系统，小程序开发工具V1.02.1909111版本，Dell G3电脑。

相关学习推荐：小程序开发教程

**小程序生成二维码的方法：**

1、首先打开开发工具，新建一个小程序代码片段，如下图所示

![](https://img.php.cn/upload/image/159/620/353/1609746005977686.png)

2、接着打开github，搜索`weapp-qrcode`，选择第一个选项，如下图所示

![](https://img.php.cn/upload/image/855/965/419/1609746010789641.png)

3、然后进入到详情界面，下载weapp.qrcode.min.js文件，如下图所示

![](https://img.php.cn/upload/image/664/256/388/1609746014627486.png)

4、接着将weapp.qrcode.min.js文件拷贝到小程序目录下面，如下图所示

![](https://img.php.cn/upload/image/499/275/689/1609746020709978.png)

5、然后打开小程序的index.js文件，在顶部导入weapp.qrcode.min.js文件，如下图所示

![](https://img.php.cn/upload/image/594/827/538/1609746027893670.png)

6、接着打开wxml文件，声明一个canvas，并且设置一个`canvas-id`，如下图所示

![](https://img.php.cn/upload/image/378/428/639/1609746032555169.png)

7、然后在index.js文件中调用qrcode方法生成二维码，text属性就说二维码的内容，如下图所示

![](https://img.php.cn/upload/image/188/535/382/1609746036300474.png)

8、最后运行小程序就可以看到生成的二维码了，扫描即可读出text的内容，如下图所示

![](https://img.php.cn/upload/image/693/620/350/1609746040800135.png)

以上就是小程序怎么生成二维码的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** canvas, github, JS

**Categories:** 后端开发

---