前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 博客微信小程序开发经验分享

WordPress 博客微信小程序开发经验分享

原创
作者头像
明月登楼
发布2018-07-30 10:31:43
2.2K0
发布2018-07-30 10:31:43
举报
文章被收录于专栏:草根博客站长有话说

说起微信小程序很多站长们应该都不陌生,刚开始的时候明月对小程序也有过关注,后来因为实在是想不出来自己的需求点在哪里留给淡忘了,上个月在看到【守望轩】博客开源的“WordPress 微信小程序”项目后非常认可博主的这个思路,那就是通过 WordPress 的 API 来对接微信小程序,通俗点说就是 WordPress 站点的小程序化。

并且最重要的是这些全是免费来源的,再次感谢【守望轩】博主的开源。明月上周五开始自己尝试对接,在微信群里大家的帮助下终于在今天通过了微信的小程序审核,本博客微信小程序『草根博客站长 Live』终于发布上线了!

图片来自明月登楼博客【imydl.com】
图片来自明月登楼博客【imydl.com】

用微信〖扫一扫〗扫描上图二维码即可关注体验本博客的微信小程序了,当然也可以关注本博客微信公众号〖草根博客站长有话说〗来体验小程序,目前可以实现的功能有:

  • 博客站点首页以及指定分类目录文章的浏览。
  • 文章评论、回复自己通过微信登陆后的点赞。
  • 微信小程序绑定微信号为客服对接的交流、咨询。
  • 站点根据文章评论数、浏览量、微信点赞等的排行。
  • 可订阅小程序指定站点分类,依托微信平台实现免浏览器浏览站点。
  • 自动生成某篇文章“海报”图片便于扫描分享。
  • 支持小程序直接转发分享文章给微信好友以及微信群。

目前可以实现的就是上述这些功能,从已实现的功能来看基本上就是将 WordPress 站点完全搬到微信小程序里了,基本可以实现无需浏览器浏览整个 WordPress 站点。

下面明月就给大家简单的说明一下如何将自己的 WordPress 站点对接到微信小程序里:

首先要给自己的微信公众号绑定注册一个微信小程序开发者账号(切记这个账号邮箱一定要跟公众号邮箱区别开来,否则会出现无法登录微信公众号后台哦!),由这个账号来上传、提交微信小程序源代码审核通过后再在微信公众号里绑定小程序即可,同时也需要获取微信小程序源代码里的 AppKey 等;有了 AppID 和 AppSecret 后就可以在 WordPress 后台安装“微信小程序设置”插件来跟微信小程序对接了,这个插件需要手动下载上传的,然后在 GitHub 下载【守望轩】博客开源的“WordPress 微信小程序”源代码压缩包,解压后用微信 Web 开发者工具(需下载到本地电脑安装运行)新建项目导入这个源代码包,在微信小程序开发工具里对代码进行修改调试后上传就可以在微信公众号-小程序网页后台看到刚刚上传的小程序了,这时候提交审核通过后就可以上线发布了,未提交或者已提交审核期间可以邀请微信好友参与测试体验版小程序来完善代码。大概的流程就是这个样的,更加详细的教程推荐大家看看[晗绪小童鞋](@hnxeguo)的【WordPress 小程序搭建指南】,教程非常的详尽,细致到了几乎每一个步骤,很值得推荐的教程。这么完整的教程创作不易呀!所以收费 10 元其实就是对作者的一个勉励而已,希望大家多多支持以示鼓励哦!当然大家也可以在【守望轩】博客上参考[WordPress 版微信小程序 3.1.5 版的新功能]中的教程,上述明月提到的源代码链接也都在这里了。

可能很多人刚开始找不到在哪里注册开通微信小程序开发账号,具体位置在登陆微信公众号后左边的“小程序管理”——“添加”弹出的窗口里右侧的“快速注册并认证小程序”就可以注册了,如下图:

图片来自明月登楼博客【imydl.com】
图片来自明月登楼博客【imydl.com】

这里就可以注册微信小程序开发者账号了,唯一要注意的就是账号邮箱一定要跟你当前的微信公众号登陆邮箱区别开来,因为这个小程序的后台跟微信公众号后台是一个入口,只有靠邮箱来区别登陆才可以正常的进入的。

微信 Web 开发者工具下载地址:

Windows 64 位版本:下载地址 MD5: 2e054987a0dabc967a39f2f0a4949e2b

Windows 32 位版本:下载地址 MD5: 956946b0c0b19532ee622d38968effbf

Mac 版本:下载地址 MD5: f078bc88cf433d0b73f4b2aded9bec65

注:支持 Windows XP、win7 及以上版本,支持 OS X 10.8 及以上版本

图片来自明月登楼博客【imydl.com】
图片来自明月登楼博客【imydl.com】

其实就明月的体验感觉, WordPress 对接微信小程序并不是很复杂,所谓源代码修改主要也是一些参数、AppKey、文字描述修改成自己博客的而已,可以说没有代码基础的都可以独立完成的,没有大家想想的那么复杂了,就是需要对 WordPress 很熟悉,很多时候涉及到代码层面的也大部分是 WordPress 的代码。大家可以放心大胆的参与学习测试的,至于小程序上传后的提交审核,没有啥技巧,无非就是注意内容和小程序名称里不要有过浓“商业”气息就可以了,审核不可能一次就能通过的,明月是在第五次提交审核后通过的,还有人提交了十二次才通过的,所以大家耐点心就一定可以的。

最后,再次感谢大家关注本博客微信小程序(跟最开始的二维码是一样的,只是不同的样式而已),也欢迎大家对小程序布局、内容上提出宝贵建议哦,有关 WordPress 对接微信小程序方面大家有什么不懂的,也欢迎大家在评论里提出,我会一一作答的。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档