微慕小程序开源版 + WordPress可以快速建构微信小程序,而且对于个人站长来说完全免费,无需微信认证,也无需花钱购买微慕小程序源码和插件。下面懿古今就跟大家简单介绍一下如何导入、修改、上传微慕小程序源码。具体步骤如下:
前提条件
1、前往微信小程序开发工具官方页面下载相应版本的工具并成功安装好。

2、前往微慕商城的“【开源版Free】微慕WordPress小程序开源版插件及小程序源码”页面下载小程序端winxin-app-watch-life.net(不包含腾讯视频插件版本).zip(或下载另一个版本),然后将该压缩包保存到本地电脑合适位置后重命名为项目名称如yigujinceshi,并选择“解压到yigujinceshi/”。

3、前往微慕商城的“【开源版Free】微慕WordPress小程序开源版插件及小程序源码”页面下载WordPress配套插件rest-api-to-miniprogram.zip到本地电脑,并上传安装配置好,具体可参考『WordPress站点如何安装REST API TO MiniProgram微慕小程序插件?』。
微慕小程序源码导入、修改、上传步骤
1、双击打开电脑上安装好的“微信开发者工具”,使用小程序管理员或有开发权限的微信号扫码登录,在“小程序项目 – 小程序”中点击“导入”并选择我们上面对应的微慕小程序源码所在文件夹。

2、项目名称可修改,然后记得将AppID改为我们的小程序AppID,然后点击【确定】按钮(PS:以后可直接选择我们所添加的小程序后点击【打开】按钮即可)。

3、点击右上角的【详情】按钮,点击切换到“项目配置”,可以看看域名信息是否跟我们在微信小程序后台所设置的服务器域名一致?如果一致就不用理会。

4、点击资源管理器中的“utils – config.js”,找到第16~19行代码,将其中的域名改为业务域名即是我们网站域名;网站名称和微信号改为我们自己的;每页文章数目默认是10篇,可根据自己站点情况修改,小程序是自动加载方式,也无需设置太多篇。最后记得保存文件。

5、点击资源管理器中的“templates – header.wxml”,找到第17行代码,将其中的文字描述改为介绍自己的内容,不要太长哦。

6、进入微慕小程序源码文件夹内的“images”,将下图中的5张图片替换为自己的图片,图片命名和尺寸跟原来的一致哦,否则要去修改源码太麻烦。

7、点击“清缓存 – 全部清除”,然后点击“编译”看看小程序的实际效果。我们也可以点击左上角的个人头像下方切换各种不同的手机及平板电脑预览效果。

如果觉得没有问题的话点击【真机调试】按钮,然后用管理员微信扫码进入小程序,建议每个页面都进去看看是否正常,如首页、分类、分类列表、排行、我的、关于我们、文章详情页、搜索结果页等。
如果需要微调小程序的内容,可以点击【可视化】按钮,然后再在模拟器中点击相应的模块即可定位到相应的源码,或点击资源管理器pages下面相应的.wxml文件。
8、修改好和测试好之后,点击右上角的【上传】按钮,在“上传成功后,需要联系管理员在小程序管理后台将本次上传设置为体验版本”中点击【确定】按钮,然后输入版本号,推荐输入1.0.0,项目备注可写可默认,最后点击【上传】按钮。

稍等片刻即可上传到我们的小程序后台,进入微信小程序后台 – 管理 – 版本管理 – 开发版本,即可看到我们上传的小程序源码。

后续就是提交审核,审核通过的话就提交发布即可。具体可参考『微信小程序如何提交审核?审核需要多久?小程序如何提交发布?』















桂公网安备 45010502000016号