微信小程序作为如今一个比较火热的流量入口,很多博客都把目光瞄向了小程序,然而作为很多博主来说,自己开发一个小程序还是有很大的困难的,好在博客圈里大拿多,最近由守望轩开发的一款基于wordpress的微信小程序帮助大家解决了这个问题。而且,这款小程序是开源的哦!本人比较懒,也搭了一趟顺风车,花了一天时间顺利的上线了自己的博客小程序,下面给大家分享一下整个过程。
注:可以微信搜索【小觅学长】微信小程序体验!
图是整个流程
前期准备
*注:wordperess的安装等不再阐述
不过值得一说的是需要ssl支持,网站需要加密协议。
(自行百度解决或者建议使用宝塔一键部署)
需要安装WordPress插件:wp-rest-api-for-app
小程序注册
搜索微信公众号平台进行小程序注册,这里可以选择个人类别的,注册登陆后进行相关简单信息填写,如小程序名称,头像,服务类别等!
获取Appid
完成小程序注册及相关配置后,点击设置,在开发管理处获取appid用于微信小程序web开发工具配置,并配置好业务域名(博客地址)
开发工具
下载微信web开发者工具及微信小程序源码
守望轩开源地址:https://github.com/iamxjb/winxin-app-watch-life.net
下载源码后,解压得到源码包,利用开发工具打开,此处配置好appid。
打开目录utils
在网站后台,打开微信小程序设置插件,从小程序管理后台获取相应内容填入。
再次进入开发者工具,根据自己需求修改相关内容,待一切修改完毕后,点击预览真机测试小程序。
发布小程序
测试无误后,点击上传!
上传成功后,进入微信小程序后台,点击开发管理,即可看见刚才上传的版本,提交审核或 者提交体验版本即可,待审核通过后,进入此页面,发布小程序即可!
附页:
本程序正常使用需要安装本站开发的Wordpress插件:wp-rest-api-for-app
下载地址:https://github.com/iamxjb/wp-rest-api-for-app
赞赏功能需要安装的微信支付服务端php程序:weixin-app-wxpay
网友评论