干货预警！！三连观看！！！

uni-app生成小程序码

前端小白精心研究，终于攻克

首先，

登录微信公众平台，在开发的开发设置里找到AppID和AppSecret

拿到后，回到编译器建一个js文件封装请求（项目里的api文件夹下）

getAcc() { // 加载中 uni.showLoading({ title: '加载中' }); return new Promise((resolve, reject) => { uni.request({ url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的appid&secret=你的appsecret', method: 'GET', success: (res) => { resolve(res); }, fail: (err) => { reject(err) }, complete: () => { uni.hideLoading(); } }) }) }

这个请求发送成功后会返回一个access_token（两小时有效）

getWxacode(access_token, param) { // 加载中 uni.showLoading({ title: '加载中' }); return new Promise((resolve, reject) => { uni.request({ url: `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${access_token}`, method: 'POST', data: param, success: (res) => { resolve(res); }, fail: (err) => { reject(err) }, complete: () => { uni.hideLoading(); } }) }) }

然后把access_token传参进来拼接到请求路径后面，param为post请求data数据（等下会说）

到这一步，js文件就封装好了

到页面中，引入调用就可以生成小程序码啦

切记，要引入，要引入，要引入

import req from "@/api/wxacode"; //你的js文件目录位置

根据需求在onLoad，onShow或方法中调用

// 先定义 data() { return { // 生成小程序码需要的access_token access_token: "", // 生成小程序码参数 param: { // 页面路径参数，必传数据，不传报错 scene: "?id=", // 这个接口请求添加未发布的page路径会获取不到小程序码 // page: "pages/set/index", auto_color: true, is_hyaline: true, } }; }, // 调用 onLoad() { req.getAcc().then((res) => { // 请求成功后赋值给定义的access_token this.access_token = res.data.access_token; // param数据传递需转换成字符串，否则获取不到 req .getWxacode(this.access_token, JSON.stringify(this.param)) .then((res) => { console.log(res.data); }); }); },

如有报错，请检查是不是细节出错，也可以在评论区讨论

具体生成小程序码文档在这里

到这一步，去控制台查看

???惊不惊喜，意不意外???

是不是小小的眼睛，大大的疑惑？看到了什么未知文明，而且还不少

各位，别慌，到network里看一眼，小程序码已经生成了！！

呐~

giao！！呀吼，看到这一幕是不是很开心？

但控制台里是什么鬼呢？

专业点叫二进制流，需要转换成base64才能显示到页面上

预知显示方法，且看下回分析