实现店铺装修 并扫码预览小程序界面
实现扫码预览的功能大概需要以下几个步骤,需要前后端配合开发。
1、首先你的商城功能要有已经做好的装修,以及已经适配好的小程序端
2、在管理端页面右上角添加一个预览按钮
3、点击预览的时候调用一个后端接口将现在装修好的数据存入数据库中,后端返回你一个装修页面的id号
4、然后后端还需要出一个接口,是带参小程序码的生成
这是我们后端出的接口
5、前端接着第三步,你拿到装修Id号后调用第四步的接口,以上面接口为例,scence就是你要传递的参数也就是你刚刚点预览后返回给你的店铺装修Id号,page入参就是你要跳转的小程序路径,紧接着调用这个接口后,接口会返回给你一个图片,你展示在界面就好,让用户扫描小程序码跳转到小程序中。
效果如下图:
以上是管理端的操作 小程序码生成后在小程序当中
代码如下
onLoad(options) {
//扫码预览
if(uni.getLaunchOptionsSync().scene == 1047){
this.previewFlag = true
this.linkId=options.scene
return
}
this.linkId=options.linkId
},
onShow() {
//这是拿到Id后去获取装修的具体参数了
this.getCouponList()
},
6、紧接着就是小程序的调试了
如果小程序还没有上线的话他是跳转不过去的,因为他默认跳转的是已经发布了的正式版的小程序,所以你要进行调试,可以通过微信开发者工具中的快速二维码编译来调试,选择你已经生成的小程序码
以上就是扫码预览的全功能了