.

不同渠道打开微信授权作品的解决办法

小常发表于:2022年07月01日 11:06:45更新于:2022年07月01日 11:17:16

开启了微信授权的作品,是无法在非微信渠道打开的,比如APP。但是我们又需要在APP中打开,进行获取头像或上传照片的操作,该如何处理?image.png


接下来是具体步骤:

1、在统计代码的位置加一串代码,目的是支持在非微信渠道打开。

<script>

    window.e_Debug_weixin =1;

</script>

image.png


2、将关键的内容分为微信显示、非微信显示(当前是APP渠道),注意不要让APP的内容和微信内容页面之间互相可滑动。

image.png


3、单独增加1个页0,什么也不放置,只显示一个背景图

添加1个系统参数组件,给系统参数组件设置条件:

·微信环境打开时,跳转页面至微信页面;

·非微信环境打开时,跳转页面至APP页面。

image.png


4、修改APP页面的逻辑为上传照片,不是默认的获取微信用户的头像(因为H5默认没有权限获取APP用户的信息,需要对接开发)

1)添加一张图片A,用于点击时上传照片

2)添加另外一张图B,用于替换上传照片,图片B在图片A的下一层

3)给图片A设置点击时——上传照片——关联到图片B,上传成功时隐藏元素——图片A

image.png


5、截屏内容记得更换,截取上传照片的替换图和装饰元素。

image.png