一、创建微信小程序账号

1、打开微信公众平台,网址:mp.weixin.qq.com,点击右上角「注册帐号」。

青芒图集小程序使用教程-nicetheme_奈思主题

2、选择「小程序」,输入注册的帐号、密码等,完成注册。

青芒图集小程序使用教程-nicetheme_奈思主题
青芒图集小程序使用教程-nicetheme_奈思主题

3、根据自己的需求,选择主体类型:选择企业。请选择主体类型选择,完善主体信息和管理员信息。

  • 注意:一般来说,企业注册的小程序,权限会更高一些。建议有企业资质的同学,使用企业来注册。同时注意注册的小程序账号主体和使用的域名备案主体,是否和你一致。比如小程序主体是个人(张三),域名备案主体也得是张三。
青芒图集小程序使用教程-nicetheme_奈思主题

4、完成小程序微信认证(详细教程)。然后即可进入到小程序操作平台。按照下图小程序发布流程中提示,完成小程序信息、小程序类目方面的设置。

青芒图集小程序使用教程-nicetheme_奈思主题

5、小程序类目,选择:资讯 > 信息资讯。根据提示,需要「非经营性互联网信息服务备案核准」,其实就是网站备案截图。

青芒图集小程序使用教程-nicetheme_奈思主题

6、前往 beian.miit.gov.cn 「ICP备案查询」页面,输入自己已经完成备案的网址进行查询。得到下图。截图,然后上传到微信审核。等待小程序类目审核通过。等待「小程序类目」审核通过后,即可继续完成下面的流程。

青芒图集小程序使用教程-nicetheme_奈思主题

7、获取小程序 AppID(小程序ID) 和 AppSecret(小程序密钥),如下图,在左侧栏找到「开发管理」,在下图「开发设置」中,获取到 AppID(小程序ID) 和 AppSecret(小程序密钥)。

青芒图集小程序使用教程-nicetheme_奈思主题

8、获取到 AppID(小程序ID) 和 AppSecret(小程序密钥),填到小程序设置「核心设置」中的相关设置中,如下图。

青芒图集小程序使用教程-nicetheme_奈思主题

9、设置「服务器域名」、「业务域名」,在左侧栏找到「开发管理」,在下图「开发设置」中。如下图,输入具体的网站网址即可。

青芒图集小程序使用教程-nicetheme_奈思主题

10、设置自己的微信为项目成员,或者成为管理员。如下图。

青芒图集小程序使用教程-nicetheme_奈思主题

一、如何得到小程序源代码

在订单中,下载到小程序的压缩包,如下,解压后得到「dist」文件夹,里面就是小程序的源代码。

青芒图集小程序使用教程-nicetheme_奈思主题

二、如何上传小程序源代码

1、下载微信开发者工具,网址:developers.weixin.qq.com/miniprogram/dev/devtools/download.html

根据自己的电脑设备,下载客户端。如下图。

青芒图集小程序使用教程-nicetheme_奈思主题

2、打开微信开发者工具,点击右上角「导入」。

青芒图集小程序使用教程-nicetheme_奈思主题

3、选择下载好的小程序源码,选中文件夹「dist」,点击右下角「选择」。

青芒图集小程序使用教程-nicetheme_奈思主题

4、填写「项目名称」、「AppID」,后端服务,选择「不使用云服务」,然后点击右下角「确定」。如下图。

青芒图集小程序使用教程-nicetheme_奈思主题

5、如无例外,即可进入微信小程序预览,如下图。

青芒图集小程序使用教程-nicetheme_奈思主题

6、如果无法加载小程序内容,那么请查看下小程序 AppID 是否填写。如下图位置:「详情」-「基本信息」-「AppID」,如填写错误或者没填,请修改填写。

青芒图集小程序使用教程-nicetheme_奈思主题

7、前往网站后台「小程序设置」,完成相关小程序的布局。

青芒图集小程序使用教程-nicetheme_奈思主题

8、小程序底部三个图标可以改吗?可以,需要自行替换源码目录中的同名文件。路径如下图:

青芒图集小程序使用教程-nicetheme_奈思主题

9、小程序预览过没有问题后,即可提交「上传」,如下左上角按钮。根据提示填写后即可上传完成。

青芒图集小程序使用教程-nicetheme_奈思主题

10、打开小程序「审核模式」,审核模式开启了,将会把小程序中的发表评论、发表帖子功能隐藏。这有利于审核。建议打开。等小程序审核通过后,再调整为「正常模式」。如下图

青芒图集小程序使用教程-nicetheme_奈思主题

11、调整用户的角色。WordPress 默认角色为订阅者。订阅者无法发帖、无法发评论。因此,需调整为贡献者。根据这个机制,如果有用户乱发帖,你可以把他的角色调整为订阅者,即可让某人无法发帖发评论。

青芒图集小程序使用教程-nicetheme_奈思主题

12、微信小程序平台中,找到「管理」-「版本管理」,「开发版本」中找到「提交审核」按钮,点击提交。根据提示输入相关信息,上传小程序预览截图几张,预览账号密码均不需要填写。

青芒图集小程序使用教程-nicetheme_奈思主题

13、如果你发现小程序无法上传图片以及无法上传头像,有可能因为服务器php没有安装「imagemagick」组件,请检查phpinfo探针相关信息,或者如下图,如果使用的是宝塔面板,可直接看到使用的php版本是否安装组件,如果没有安装,点击安装即可。

青芒图集小程序使用教程-nicetheme_奈思主题

14、确保网站服务器启动了伪静态,大致教程参考:WordPress 常用固定链接(伪静态)格式