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

投稿   明月登楼  2018-07-30 07:05:58  283 人阅读  33 条评论

说起微信小程序很多站长们应该都不陌生,刚开始的时候明月对小程序也有过关注,后来因为实在是想不出来自己的需求点在哪里然后给淡忘了,上个月在看到【守望轩】博客开源的“WordPress 微信小程序”项目后非常认可博主的这个思路,那就是通过 WordPress 的 API 来对接微信小程序,通俗点说就是 WordPress 站点的小程序化。最最重要的是这些全是免费来源的,再次感谢【守望轩】博主的开源。明月上周五开始自己尝试对接,在微信群里大家的帮助下终于在今天通过了微信的小程序审核,本博客微信小程序『草根博客站长 Live』终于发布上线了!

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

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

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

目前可以实现的就是上述这些功能,从已实现的功能来看基本上就是将 WordPress 站点完全搬到微信小程序里了,基本可以实现无需浏览器浏览整个 WordPress 站点。下面明月就给大家简单的说明一下如何将自己的 WordPress 站点对接到微信小程序里。

WordPress 站点对接微信小程序流程

  1. 要给自己的微信公众号绑定注册一个微信小程序开发者账号(切记这个账号邮箱一定要跟公众号邮箱区别开来,否则会出现无法登录微信公众号后台哦!),由这个账号来上传、提交微信小程序源代码。
  2. 审核通过后再在微信公众号里绑定小程序,同时获取微信小程序源代码里的 AppKey 等。
  3. 有了 AppID 和 AppSecret 后就可以在 WordPress 后台安装“微信小程序设置”插件来跟微信小程序对接了,这个插件需要手动下载上传的。
  4. 在 GitHub 下载【守望轩】博客开源的“WordPress 微信小程序”源代码压缩包,解压后用微信 Web 开发者工具(需下载到本地电脑安装运行,下载地址文末)新建项目导入这个源代码包,在微信小程序开发工具里对代码进行修改调试后上传就可以在微信公众号 >> 小程序网页后台看到刚刚上传的小程序了,这时候提交审核通过后就可以上线发布了,未提交或者已提交审核期间可以邀请微信好友参与测试体验版小程序来完善代码。

大概的流程就是这个样的,更加详细的教程推荐大家看看[晗绪小童鞋](@hnxeguo)的收费教程【WordPress 小程序搭建指南】,教程非常的详尽,细致到了几乎每一个步骤,很值得推荐的教程。这么完整的教程创作不易呀!所以收费 10 元其实就是对作者的一个勉励而已,希望大家多多支持以示鼓励哦!当然大家也可以在【守望轩】博客上参考『WordPress 版微信小程序 3.1.5 版的新功能』中的教程,上述明月提到的源代码链接也都在这里了。

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

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

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

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

  • Windows 64 位版本:下载地址 MD5: 2e054987a0dabc967a39f2f0a4949e2b
  • Windows 32 位版本:下载地址 MD5: 956946b0c0b19532ee622d38968effbf
  • Mac 版本:下载地址 MD5: f078bc88cf433d0b73f4b2aded9bec65
  • 注:支持 Windows XP、win7 及以上版本,支持 OS X 10.8 及以上版本

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

最后,再次感谢大家关注本博客微信小程序,也欢迎大家对小程序布局、内容上提出宝贵建议哦,有关 WordPress 对接微信小程序方面大家有什么不懂的,也欢迎大家在评论里提出,我会一一作答的。

历史上的今天:

如果文章对你有帮助,请赞赏支持作者继续创作!

文章标签: ,   ,  
原文地址:https://www.imydl.com/wp/8343.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 明月登楼 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
明月登楼

相关文章 分类热门分类热评最新问答

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. Hewie个人博客
    Hewie个人博客 @回复

    学学小程序挺好

  2. 千眼网
    千眼网 @回复

    我也想开动了。

  3. 99八十一
    99八十一 @回复

    大佬研究的东西就是高级。

  4. 闲鱼
    闲鱼 @回复

    点赞,明月都把大家的好奇心勾引出来了 [偷笑]

    • 明月登楼
      明月登楼 作者回复2018-07-31 08:52  回复

      @闲鱼呵呵,其实,这个真心不复杂,只要有耐心和时间,都可以轻松弄出来的! [嘻嘻]

  5. 大话运营
    大话运营 @回复

    这个牛啊,站长动动手就行了

  6. 云中布衣
    云中布衣 @回复

    小程序,大有可为啊,一直在关注!

  7. 薅羊毛
    薅羊毛 @回复

    666 不过对于网赚类的博客 不适用

  8. 鬼手六
    鬼手六 @回复

    等我博客赚够十元再来玩 [吃瓜] 。。

  9. 大事记
    大事记 @回复

    小程序的模板还是很多的,基本修改修改就可以用了。

  10. 靠谱学生兼职网
    靠谱学生兼职网 @回复

    现在审核越来越严了

  11. worthpin
    worthpin @回复

    下了一些模板,就没有然后了。 [笑哭]

  12. 梁兴健
    梁兴健 @回复

    先把网站搞好,然后再发展小程序 [吃瓜]

  13. 区块链
    区块链 @回复

    [偷笑] 等我网站流量大了。在弄吧! [鼓掌]

  14. 手机赚钱
    手机赚钱 @回复

    选的是哪个类型的,我怎么都通过不了

    • 明月登楼
      明月登楼 作者回复2018-07-30 09:05  回复

      @手机赚钱我选择的是“教育”——“在线教育”通过审核的,建议提交的页面里不要有太多资讯类的内容,可以仅设定一个分类下的文章展示,这样比较好通过一些!

  15. nice
    nice @回复

    有机会试试 [思考]