如何使用zblog博客免费搭建博客微信小程序?(附带详细搭建教程)

浩源博客 阅读:878 2022-05-10 22:38:15 评论:3

微信小程序是依靠微信生态系统延伸的一种轻便,即开即用的一种网络系统。很多站长朋友都已经意识到这一点,但是还是有很多人,不懂如何搭建小程序。搭建一个博客小程序,其实真的很简单。跟着32度站长头条的步伐,一起动起来吧!

教你如何使用zblog微信小程序插件搭建属于自己小程序,不需要懂代码,只要会懂得基本操作看着步骤流程来基本都会。

202203261648278167493903.png

搭建前需要有一个使用Zblog程序搭建的网站,zblog微信小程序是基于zblog后端进行搭建的小程序,依赖zblog微信小程序插件,使用前请在应用商店下载安装zblog微信小程序插件。

如果你还没有使用zblog程序搭建好的博客网站,还不懂怎么搭建,可以看这个教程:手把手教你使用zblog10分钟搭建自己的博客网站

搭建完成博客网站之后,就需要安装zblog博客小程序插件

在应用中心搜索:微信小程序 选择免费的那个版本

image.png

点击获取应用下载安装

image.png

安装完成之后,在插件管理中找到zblog微信小程序插件,点击开启

image.png

注意,是使用“猫贝”提供的免费博客小程序,不要选错了!

然后点击右侧配置管理页面,配置相关信息!在基本信息中填写:APPID和Appsecret。要和你的小程序保持一致!


image.png

还需要注意的是:zblog博客程序后台还需要启用api协议!

image.png

如何获取AppID呢?

登录微信小程序后台,在左侧工具栏中找到开发管理

image.png

选择开发设置

image.png

即可看到APPID和APPsecret这两个数据,复制粘贴到博客小程序插件中即可。

还有一点比较重要,微信小程序中,服务器域名要优先配置好,否则无法获取到网站内容。

image.png

接下来是下载zblog博客微信小程序前端代码

image.png

在关于中,找到下载地址,点击下载

把下载好的小程序前端代码解压,使用微信小程序开发工具导入前端代码!

image.png

修改信息:

project.config.json中找到appid处,修改为自己的appid

image.png

修改:utils—api.js,修改为自己的域名

image.png

然后点击清除缓存—然后选择编译,即可大功告成!

image.png

image.png

编译完成知乎,点击上传,即可上传到微信小程序中,进行体验版本的测试!


image.png

至此,你的博客小程序就搭建完成啦!

扫码体验一下吧!

gh_67517fff53d5_258.jpg


浩源博客有小程序版啦 欢迎扫码使用
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
  • 大白 发表于 2年前 回复

    谢谢楼主分享,已经发现问题,重新提交修改信息时key变化了,复制回去就可以了

  • 大白 发表于 2年前 回复

    楼主我有个问题请教下,用的楼主的方法搭建的小程序,授权后显示未注册,这样就不能订阅不能登录了,还有就是插件的图片关键字是在哪里查呀?谢谢楼主!

    • 浩源博客 发表于 2年前 回复

      @大白 检查几个问题
      第一,小程序上的服务器域名是否配置好
      第二,zblog博客程序API协议是否开启
      第三,先上传小程序,在体验版登录授权

排行榜
关注我们

扫一扫关注我们,了解最新精彩内容

欢迎来到浩源博客

感谢您来到浩源博客,一份真诚带来一份希望,希望你能在这里得到自己想要的东西!

分享:

支付宝

微信