三十分钟教你免费搭建一个小程序

小白接口+微信小程序示例一

众所周知，小程序搭配小白接口简直就是BUG一样的存在。不花一分钱就能发布自己的专属小程序。免费套餐强大到足以支撑一个私人小应用啦。 可免费调用15万次/月真的是很良心了。

环境准备

前端靠微信，后端靠小白！

1. 后台：使用小白接口，主要调用的接口有：
2. App.Table.FreeQuery
3. App.Table.Create
4. App.Table.CheckCreate
5. App.CDN.UploadImg
6. 开发工具：微信开发者工具(v1.02.1903292)

快速部署

查询个人域名

• 登录小白开放平台，进入： 系统设置 - 我的套餐，查看接口域名。如：

开发者平台配置域名

下载好源码之后需配置服务器域名（已配置过的可以跳过这一步）

• 登录微信公众号平台
• 设置 - 开发设置 - 服务器域名，修改request合法域名，uploadFile合法域名，修改为你当前所在的小白接口域名(小白接口已支持HTTPS访问)。如下：

特别注意！在微信服务器域名配置request合法域名时，一定要注意，域名前后不能有空格，最后不能有斜杠！！ 否则会出现类似以下的错误提示：

代码配置

• 用微信小程序开发者工具打开源码

• 点击授权登录，会看到以下页面

• 接下来做一步十分重要的操作，打开根目录下的app.js拉到下面，把okayapiHost，okayApiAppKey，okayApiAppSecrect填写成自己的信息，具体可以在小白开放平台 系统设置 - 我的套餐查看，记得是https不是http

• 现在离完成整个部署只差填充后端数据了！
• 打开源代码目录下CSV文件夹里modelBulid.csv。可以查看本示例所需要的六个模型，在小白开放平台建立对应的模型，添加相应字段。
• 或者将里面的json文件通过导入模型一键导入到自己的小白账号哦。

建立模型

以首页轮播图为例，现在带大家 建第一个模型tea_swiper + 新建模型

+ 之后在 我的模型数据内找到模型点击管管模型并加入modelBuild.csv文件内的字段名称/类型/备注

+ 添加数据，如无想放在轮播图的照片可以按照tea_swiper.csv内的地址添加。添加后效果如图。

+ 接下来点击开发者工具-编译，即可看到轮播图已经成功调用啦！！！（您的小程序已经成功调用出放在小白数据库的数据了）

如果用户模型也建好，细心的同学会发现tea_user里面也已经拿到了登录的人的微信昵称以及openID，新用户登录这个小程序并且授权，就会新增一条数据。（微信的openID是微信用户唯一标识符，如有需求也可以增加省份，语言，用户头像等字段记录用户信息，调整模型跟pages/login.js代码即可）
注意要改动login.js里面的appid&secret，换成自己的小程序appid&secret

+ 接下来根据CSV文件夹里的tea.csv按操作添加相应的数据即可拥有自己的小程序啦（小白会员可直接用该csv文件导入到数据库哦（疯狂暗示）），tea_user，tea_order,tea_shopcar以及tea_moment都不用添加数据，下订单，发朋友圈等操作会自动添加。

演示效果

联系我们

如有问题，欢迎提交Issue到这里，我们会尽快回复您的，或者联系我们 @sHuXnHs @WillFang1997

如果喜欢，那就点个小心心呗，biu~~~

开源不易，需要鼓励。您的支持就是我们最大的前进动力！

PowerBy——YesAPI