打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
[干货]设计师如何零代码创建自己的作品集小程序

最近在研究小程序的过程中,发现了一套个人小程序解决方案,让不懂编程的设计师或者其他从业者也能快速搭建自己的小程序应用。适应于个人作品集展示、个人博客、自媒体内容展示等场景。

前期准备

1.一个功能完整的Wordpress网站(无需安装第三方主题,wp默认主题也可以),这个可以看我之前的系列课程,链接:《零代码创建个人博客》

2.网站开启https协议(这个是微信的要求,不然没办法访问);链接:《让你的wordpress全站开启https的ssl证书安全访问》

3.网站安装链接小程序设置的插件 wp-rest-api-for-app (由守望轩提供开源)

4.开源 WordPress版小程序框架  同样来自守望轩的开源贡献,本站小程序也是基于此框架之上进行的更新。开源地址 https://github.com/iamxjb/winxin-app-watch-life.net

注册小程序

在公众微信平台注册自己的小程序,注意每个邮箱只能注册一个小程序,如果你没有公司,注册的时候选择个人即可,功能会跟企业版有些区别,但是满足个人使用基本上问题不大。企业版需要认证信息,企业执照之类的内容。

注册地址是:https://mp.weixin.qq.com/cgi-bin/wx

开始

当上面的内容准备完毕了就可以准备开始制作我们自己的小程序了,首先下载WordPress版小程序后,将其解压是这样一个文件夹:

然后我们需要安装微信开发者工具,自己选择系统,点击下载

打开开发者工具需要你登录,需要注册开发者的话按照提示到微信开发者平台注册账号既可以,注册完绑定你的微信,后面就可以扫码登陆了,第一次打开微信开发者工具界面是这样的:

然后上面的项目目录,需要选择你刚才下载解压后的文件夹,AppID需要你登录你注册的小程序在你的小程序开发设置里面获得,按照你的具体内容填写即可,项目名称随便填写,这些后期都是可以修改的无需过于紧张,确定后进入这个画面:

然后我们进入我画横线的这个文件夹utils,我们需要在这里面配置我们自己的小程序信息;打开后是这样的:

注意,对于新人来说,你只需要配置config.js这个文件,右边我画红线的地方是必须要修改的,域名改成你自己的域名,网站名称自己起个名字即可,注意双引号不要动。

当这些设置都完成后你需要,登录你的小程序后台将你的域名添加到合法域名中,如下:

注意将你的网站域名填写到这几个项目里面保存即可,这个时候回到开发者工具刷新一下 (command R),便可以看到你的项目已经跑通了。

其余的配置可以按照,config.js中的提示进行修改,完成后你可以在微信开发者工具中进行提交,然后到小程序后台提交审核发布即可。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
一般开发小程序需要什么资料,你知道吗?
今日头条
微信开发者工具教程 微信开发者工具 for Mac使用指南
小程序工具初探
第1章 微信小程序入门
如何开发小程序APP?有哪些需要注意的?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服