uniapp 生成微信小程序码
需求是用户通过自己生成的小程序码,给其他用户扫码,跳转到注册页面可自动填写推荐人的邀请码。
第一步创建一个容器,展示图片:
复制代码
首先要获取用户自己的推荐码,在缓存里面获取推荐码,赋值给数据层。
复制代码
然后就是请求服务器,获取到 token,获取到 token 之后再执行生成小程序码的方法:
复制代码
that.code 就是存放在数据层中的邀请码,这个 path 就是扫码后跳转的页面,当跳转到注册界面的时候。可以通过 onLoad(options),options 可以获取 URL 的参数信息。这时候 options.code 即可获取用户的邀请码。最后再把 options.code 与页面上填写邀请吗的数据进行绑定即可
注意:前端不能直接用上面的方法自己去生成小程序码,必须要通过后台服务器转一下。也就是说给后台一个 token,让后台服务器帮我们去请求,生成小程序码。然后再传给前端。前端再渲染小程序码。上面的代码只能用于测试,不能用于发布上线。
界面上实现小程序码之后。要实现一个长按保存图片到系统相册的功能。在图片里面添加了一个长按事件,把图片保存到本地,代码如下:
复制代码
如上就完成了 uniapp 生成微信小程序码的需求,但是发行后却是无法使用的,开源字节友好封装了生成小程序码的功能,在后台生成图片,直接在前端加载即可。代码可前往码云仓库搜索【开源字节】免费获取。
如若转载,请注明出处:开源字节 https://sourcebyte.vip/article/306.html
评论