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

2018-07-2009:10:46 18 3,895
摘要

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Mac 版本:下载地址 MD5: f078bc88cf433d0b73f4b2aded9bec65

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

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

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

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

 

历史文章推荐:

  • 本博客公众号
  • 扫一扫关注!
  • weinxin
  • 本博客小程序
  • 微信内浏览本博客
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:18   其中:访客  9   博主  9

    • 默认主题就挺好 默认主题就挺好 5

      不错的文章,谢谢
      先收藏了,有空学学

      • vv vv 1

        请问怎么调用微语内容

        • Clannad Clannad 1

          也在尝试给自己的站点弄,但是文章内的图片总是不显示,文章的排版字体也很乱,大佬你是怎么弄得

            • 明月登楼 明月登楼 Admin

              @Clannad 所有文字都以纯文本方式粘贴过来再排版!图片一律WordPress上传插入文章内!

            • 穿衣打扮 穿衣打扮 1

              有点喜欢上你这个小程序了

              • 朱曙明SEO博客 朱曙明SEO博客 3

                我的站点也搞了个小程序,不过因为代码方面个人比较欠缺,小程序并没有那么好,不过还是可以玩玩的

                • 微分享 微分享 3

                  老哥真能折腾,需要向你看齐了。

                  • 闲鱼 闲鱼 6

                    之前也关注过守望轩的开源小程序,想过折腾,可是又怕没精力保持下去就放弃了

                    • boke112导航 boke112导航 9

                      看起来高大上很多,不过我的公众号已经注销了,要不然就可以试试玩玩了。