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

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

浏览量:783 时间: 来源:JS的小跟班

最近在弄微信小程序,刚开始看官方文档,BOSS想要注册一个小程序,通过点击小程序分享出来的的链接直接进入微信公众号的首页,这样省的再写一套小程序的代码,省时省事(其实是BOSS觉得小程序分享出去的页面比较好看)。


一开始想到的是把分享的页面做的像小程序的分享页面一样,不通过小程序,直接进入微信公众号。后来没有找到解决方法,这个方案被抛弃了。


既然必须要先打开小程序,那就干脆用webview吧小程序官方文档webview。这里要注意的是个人类型与海外类型的小程序暂时是不支持使用webview的,博主后来用BOSS的公众号去注册了一个。

接下里写代码。非常简单,在index.wxml里写如下代码:

<webview src="https://www.baidu.com"></webview>

那么问题来了。这里以百度首页为例:

<webview src="https://www.baidu.com"></webview>

出现如下页面:

小程序

嗯???看来没有想象的那么简单。

这个业务域名是什么呢,问度娘。


我们登陆微信公众平台的小程序,点击“设置->开发设置->业务域名”(前面说过,个人类型和海外类型小程序暂不支持,也没有业务域名这一版块)。


然后我们添加业务域名。需要做以下两步:

  1. 下载配置业务域名界面提供的效验文件(非HTML文件,博主下载的是txt,不知道还有没有什么其他的文件格式),放到你要配置的域名根目录下;
  2. 填写你要配置成业务域名的域名(必须先完成第一步才能配置域名,否则会报错)


配置好后该域名下的所有目录都可以通过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

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

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