uniapp 生成微信小程序码 - 云裂变营销网

<view style=&#34;margin: 49rpx auto;width: 300rpx;height: 300rpx;&#34;>
<image :src=&#34;maskData&#34; style=&#34;width: 100%;&#34; @longtap=&#34;longtap&#34;></image>
</view>

复制代码

data() {
return {
code: &#39;&#39;, //用户的推荐码
maskData: &#39;&#39; //小程序码信息
}
},
onLoad() {
// 获取本地缓存的信息，赋值给数据层
let user_info = uni.getStorageSync(&#39;USER_INFO&#39;);//获取缓存的用户信息
this.code = user_info.sunicode //把用户信息里面的推荐码，赋值给数据层的变量
console.log(&#39;需要推荐码&#39;, this.code) //打印一下，看下是否成功赋值
},

复制代码

getData(e) {
//获取accessToken
let that = this;
const APP_ID = &#39;&#39;; // 小程序appid 微信公众平台，开发管理，开发设置里面获取
const APP_SECRET = &#39;&#39;; // 小程序app_secret 微信公众平台，开发管理，开发设置里面
let access_token = &#39;&#39;; //定义一个用来存放token的变量
uni.request({
url: &#34;https://api.weixin.qq.com/cgi-bin/token&#34;, //固定链接，不用改
data: {
grant_type: &#39;client_credential&#39;,
appid: APP_ID,
secret: APP_SECRET
},
success: function(res) {
// console.log(&#39;获取accessToken&#39;, res)
access_token = res.data.access_token;
// 接口B：适用于需要的码数量极多的业务场景生成的是小程序码
that.getQrCode(access_token);
}
})
},
//获取小程序码
getQrCode(access_token) {
var that = this;
uni.request({
url: &#34;https://api.weixin.qq.com/wxa/getwxacode?access_token=&#34; + access_token, //固定链接，不用改
method: &#39;POST&#39;,
responseType: &#39;arraybuffer&#39;, //设置响应类型
data: {
path: &#39;pages/user/register?code=&#39; + that.code, // 必须是已经发布的小程序存在的页面（否则报错）,that.code就是邀请码
width: 298,
auto_color: false, // 自动配置线条颜色，如果颜色依然是黑色，则说明不建议配置主色调
line_color: {
&#34;r&#34;: &#34;0&#34;,
&#34;g&#34;: &#34;0&#34;,
&#34;b&#34;: &#34;0&#34;
} // auto_color 为 false 时生效，使用 rgb 设置颜色
},
success: function(res) {
// console.log(&#39;获取二维码&#39;, res)
that.maskData = &#34;data:image/PNG;BASE64,&#34; + uni.arrayBufferToBase64(res
.data); //以图片的形式展示
// console.log(that.maskData)
}
})
}

复制代码

longtap() {
// 创建随机数
let dataTime = new Date().getTime();
let count = 3000;
let num = Math.floor(Math.random() * count);
let randomNumber = &#34;/G&#34; + dataTime + &#39;&#39; + num;
let that = this;
let base64 = that.maskData.replace(/^data:image\/\w+;BASE64,/, &#34;&#34;); //去掉data:image/png;BASE64,
console.log(base64)
let filePath = wx.env.USER_DATA_PATH + randomNumber + &#39;.png&#39;;
uni.getFileSystemManager().writeFile({
filePath: filePath, //创建一个临时文件名
data: base64, //写入的文本或二进制数据
encoding: &#39;base64&#39;, //写入当前文件的字符编码
success: res => {
uni.saveImageToPhotosAlbum({
filePath: filePath,
success: function(res2) {
uni.showToast({
title: &#39;保存成功，请从相册选择再分享&#39;,
icon: &#34;none&#34;,
duration: 5000
})
},
fail: function(err) {
// console.log(err.errMsg);
}
})
},
fail: err => {
//console.log(err)
}
})
},

复制代码