返回列表 发布新帖

[其他应用] 利用官方应用中心的Halo,部署自己的微信小程序网站

477 5
发表于 4 天前 | 查看全部 阅读模式 IP:–浙江–宁波

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×



效果预览~
65e9a98f149142b9243bed57a0f61001.jpg ab36fa46b2ed8b6b4cd513a7022463d6.jpg

准备工作:
1.域名(必须),可以永免费的。
2.有公网,IPv4,IPv6都可,啥都没有用CF内网穿透(如果有人看后续在写cf内网穿透+优选加速)。
3.一台windows电脑
4.30元大洋(注册小程序用,这个白嫖不了

一、安装初始化应用程序
直接应中心下载安装,或者自己部署。
1.打开浏览器,通过ip:8090访问halo博客,并进行系统初始化,设置自己的账号密码。

2.安装插件
- Uni-halo(主要用到的插件)
- 评论插件
- 搜索插件
- 链接管理
- 图库管理
- 瞬间插件
输入ip:port/console进入管理后台,点击左边【插件】,筛选免费、官方的插件,找到列表中的几个插件并下载。(相关的可以多安装几个,方便API授权)
image.png
3.配置Uni-Halo
我们需要对Uni-Halo插件进行自定义配置,这些内容最终都会体现在小程序上,比如作者信息、域名、进入画面等,不配置的话就是默认配置,不影响使用。有些信息需要后续申请小程序后填入。
image.png



4.配置用户API:
接着,我们需要获取Halo的用户API,点击左下角的用户头像,进入个人中心。个人令牌,授权权限(全给,省的之后麻烦,你也可按提示授权权限)。提交以后会给一个Token,这个只显示一次,建议备份好待用
image.png
image.png
二、配置小程序
1、配置域名

由于微信小程序平台要求,任何微信小程序都必须使用https服务,同时只允许使用443端口。因此我们的家宽肯定是玩不了了,要满足https和443端口,一般的做法就是去阿里云、腾讯等云服务提供商购买注册一个域名,或者弄一个免费的域名注册,挂到cloudflare等平台。(国内的域名上网站需要备份,推荐直接把域名挂到CF上或者海外的阿里,腾讯,这样直接拥有了https的网站。)前2片文章有介绍edgeone和eas的海外加速。直接套用上面的方法。把你的端口号变成443。
2.
注册小程序并配置
登录【微信公众平台】,点击最上方的立即注册。
image.png

下拉,按着流程注册小程序,然后配置小程序的基本信息等内容,完成开发者绑定。这些就按着官方步骤一步步往下就可以了。
企业微信截图_17839229048586.png
整个【小程序信息】、【小程序类目】还是比较复杂的,大家设置好自己小程序账号、名称等,类目(我选了一个信息查询),接着就是花几天时间区进行微信认证(个人每年30元)、小程序备案。这些流程就不介绍了,网上很多,我们一笔带过。
注意,备案的时候需要2个手机号码,你需要提前和预留号码的人通知好,统一口径,他会问一系列小程序相关的问题,回答出就好。
image.png

3、安装编译程序

首先我们需要安装HBuilder X、微信小程序开发注册两个软件,下载地址我放在网盘里了,以免大家找官方折腾。
链接:https://pan.quark.cn/s/f6c8287467df
image.png
下载后,双击exe解压文件,然后安装。首先打开微信小程序开发工具,用注册好小程序的微信扫码登录,然后点击右上角的【齿轮】进入配置页面,选择【安全】页面,打开【服务端口】即可。
image.png

然后解压打开HBuilder X,选择【工具】-【设置】-【运行配置】,下拉到【小程序运行配置】-【微信开发者工具路径】这里,把微信开发者工具所安装的目录填入并保存。
image.png 4、修改源代码并编译


第一步:打开HBuilder工具,点击【文件】-【导入】-【从本地目录导入】,选择提供的Uni-halo代码包导入。
image.png
第二步:找到【uni-halo-main】-【config】-【token.config.template.js】这个文件,首先重命名为【token.config.js】,然后在BASE_API内填入我们的域名,域名必须https,然后在systemToken处填入halo的用户API。
image.png
第三步:找到【uni-halo-main】-【mainfest.json】这个文件,点击【基础配置】-【AppID】-【重新获取】,这里需要登录HBuilder的账号,去注册一个并登录、手机号认证就行了。
image.png
切换到【微信小程序配置】,把我们注册的小程序APPID填入。
image.png
第四步:点击【运行】-【运行到小程序模拟器】-【微信开发者工具】,随后系统会开始自动安装编译包和插件。
image.png
安装完编译包以后,我们继续到【运行】-【运行到小程序模拟器】-【停止微信开发者工具】,然后继续启动进行再次编译,这个时候会提示缺少各种编译器插件,HBuilder X会自动进行下载安装,所以我们只需要等待,然后多点击几次就可以了。
第五步:当一切顺利运行以后,HBuilder会自动打开微信开发者工具,并提示是否信任作者,我们点击信任并运行。
image.png

三、发布小程序

在预览阶段,我们多点一点,试一试,基本上不会有大问题,如果有异常报错,懂代码的可以自己修复一下,不懂得可以去Uni-Halo项目的issue里查询一下。
完成预览测试后,右键点击【Uni-halo】根目录,选择【发行】-【小程序-微信】。
image.png
image.png
代码上传完成以后,可以在小程序管理后台,打开【版本管理】-【开发版本】,这里可以点击蓝色字体扫二维码体验实机,没问题了点击右侧的提交审核。
image.png
image.png
根据官方提示,在审核的时候尽量描述为个人使用的日志、心得类,上传图片不要有评论、社交类内容(必须要有2-3篇简单的内容没内容不给过),然后等待官方通过接口,插件有专门的审核模式可选择打开,其他无关的评论等功能后台先关了!通过之后再打开。
image.png
image.png
最后祝大家好运,能一次性通过审核~







image.png

评论5

bX07o4Lv.1绿联NAS社区会员用户 发表于 4 天前 | 查看全部 IP:–江苏–南京
学习
梦梦Lv.7绿联NAS社区会员用户 发表于 4 天前 来自手机 | 查看全部 IP:吉林省吉林市昌邑区 CMNET网络
哇哇哇大佬
chengLv.1 发表于 4 天前 | 查看全部 IP:安徽省宣城市宁国市 公众宽带
IswEIpLv.1 发表于 4 天前 | 查看全部 IP:广东省
收藏了,期待优选教程
蓝小白Lv.4 发表于 4 天前 来自手机 | 查看全部 IP:四川省成都市温江区 公众宽带
牛皮,坐等一个wordpress的教程😎

评论

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Copyright © 2026 绿联NAS私有云社区 版权所有 All Rights Reserved. 粤公网安备44030002002555号| 粤ICP备12028978号
关灯 在本版发帖
联系技术支持
返回顶部
快速回复 返回顶部 返回列表