微信小程序> 微信公众号分享,微信小程序一行代码实现微信公众号页面代码复用

微信公众号分享,微信小程序一行代码实现微信公众号页面代码复用

浏览量:428 时间: 来源:JS的小跟班
最近在弄微信小程序,刚开始看官方文档,BOSS想要注册一个小程序,通过点击小程序分享出来的的链接直接进入微信公众号的首页,这样省的再写一套小程序的代码,省时省事(其实是BOSS觉得小程序分享出去的页面比较好看)。
一开始想到的是把分享的页面做的像小程序的分享页面一样,不通过小程序,直接进入微信公众号。后来没有找到解决方法,这个方案被抛弃了。
既然必须要先打开小程序,那就干脆用webview吧。这里要注意的是个人类型与海外类型的小程序暂时是不支持使用webview的,博主后来用BOSS的公众号去注册了一个。
接下里写代码。非常简单,在index.wxml里写如下代码:
webviewsrc="https://www.baidu.com"/webview那么问题来了。这里以百度首页为例:
webviewsrc="https://www.baidu.com"/webview出现如下页面:

嗯???看来没有想象的那么简单。
这个业务域名是什么呢,问度娘。
我们登陆微信公众平台的小程序,点击“设置-开发设置-业务域名”(前面说过,个人类型和海外类型小程序暂不支持,也没有业务域名这一版块)。
然后我们添加业务域名。需要做以下两步:
下载配置业务域名界面提供的效验文件(非HTML文件,博主下载的是txt,不知道还有没有什么其他的文件格式),放到你要配置的域名根目录下;填写你要配置成业务域名的域名(必须先完成第一步才能配置域名,否则会报错)
配置好后该域名下的所有目录都可以通过webview访问。(反正博主是成功了)

然后是BOSS要的分享功能。就是上图的三个小黑点,在没有插入代码的时候点击是这个样子的:

在index.js的page下插入如下代码:
onShareAppMessage:function(){return{title:'美之道',imageUrl:'../../imgs/1.jpg',desc:'在变美的道路上越走越远..',path:'/pages/index/index'}}现在可以进行转发:

然后我们上传代码,设置版本号为0.0.1,到小程序后台把当前版本设置为体验版。
微信扫码打开体验版,试一试转发功能。转发出去是这个样子的:

(图片是溪哥安悦溪,博主最喜欢的女演员,没有之一)
至此BOSS交给博主的使命就初步完成了。后续如果需要转发到其他平台,只需要在index.js下的page中插入相应代码即可,博主在此不再赘述,大家自己动手。
总结一下,小程序的代码就两段:index.wxml一行,index.js不过十行。
偷懒妙招。(据说SDK还是通用的,至少在博主这里不需要改动)
最后安利一下BOSS的产品:美之道。(微信公众号:美之道,微信号:BeBeautyWay)
目前正在开发中,欢迎任何宝贵意见或建议。
我猜有人要说博主打广告。
我认怂。
我就打个小广告别喷我。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎