需求是用户通过自己生成的小程序码,给其他用户扫码,跳转到注册页面可自动填写推荐人的邀请码。
第一步创建一个容器,展示图片:
![](https://img-blog.csdnimg.cn/img_convert/ebe6e41a535d759f00e69e78dc255a09.png)
首先要获取用户自己的推荐码,在缓存里面获取推荐码,赋值给数据层。
![](https://img-blog.csdnimg.cn/img_convert/7e3ff5ed6270c5e3a770891a9d254011.png)
然后就是请求服务器,获取到token,获取到token之后再执行生成小程序码的方法:
![](https://img-blog.csdnimg.cn/img_convert/9facc1a99604ce4b8c7b6f6341e68e7a.png)
![](https://img-blog.csdnimg.cn/img_convert/7ca8c74fd809f5f57b8e8038b2394a81.png)
that.code就是存放在数据层中的邀请码,这个path就是扫码后跳转的页面,当跳转到注册界面的时候。可以通过onLoad(options),options可以获取URL的参数信息。这时候options.code即可获取用户的邀请码。最后再把options.code与页面上填写邀请吗的数据进行绑定即可
注意:前端不能直接用上面的方法自己去生成小程序码,必须要通过后台服务器转一下。也就是说给后台一个token,让后台服务器帮我们去请求,生成小程序码。然后再传给前端。前端再渲染小程序码。上面的代码只能用于测试,不能用于发布上线。
![](https://img-blog.csdnimg.cn/img_convert/1580483d2ccf4bc67c5fd9801f6e28b0.jpeg)
界面上实现小程序码之后。要实现一个长按保存图片到系统相册的功能。在图片里面添加了一个长按事件,把图片保存到本地,代码如下:
![](https://img-blog.csdnimg.cn/img_convert/ae4130b42f5ba933cad179a2d86299d7.png)
![](https://img-blog.csdnimg.cn/img_convert/688343d964f2e796654f1f8aa8641f62.png)