微信小程序二维码开发实战

时间:2024-03-07 13:36:35

开始

小编初学微信小程序,想做一个二维码生成器;作为一个小白,踩了不少坑,在这里分享给大家“如何在微信小程序上生成二维码”。

步骤

就像写前端代码一样,html里有form表单,css样式,js和用户做交互,微信小程序里用WXML、WXSS和JS代替。

思路:

wxml里form表单提交数据到js;
js通过wx.request发起请求处理原始数据到接口地址;
接口处理完原始数据后,返回结果数据到js;
处理返回的结果数据

发起请求到接口地址时,用到了微信小程序里的wx.request,它有一些相关的参数介绍,如下:
参数介绍
可看开发文档

实例代码

js

image.png

接口文件

image.png

image.png

踩过的坑

不理解开发者服务器接口地址,编写url出错,https和http的差别
将生成的二维码保存在目录里,导致重新编译而无法显示二维码
对微信小程序中数据的传值方式不熟悉