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

站长头条 阅读:61 2022-05-10 21:52:25 评论:0

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

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

image.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


32度站长头条开通小程序啦
声明

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

发表评论
搜索
关注我们

手机扫码也可以阅读啦