小白接口微信小程序部署教程-带源码

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

前端靠微信,后端靠小白!

话不多说 源码如下https://github.com/xiaoren-yesapi/yesapi-miniprogram-1

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

首先,需要登录微信公众号平台,进入:设置 - 开发设置 - 服务器域名,修改request合法域名,uploadFile合法域名,修改为你当前所在的小白接口域名。小白接口已支持HTTPS访问。如下:
小白接口微信小程序部署教程-带源码_第1张图片

特别注意!在微信服务器域名配置request合法域名时,一定要注意,域名前后不能有空格,最后不能有斜杠!!
否则会出现类似以下的错误提示:
在这里插入图片描述
如果不清楚自己所在的域名,可登录小白开放平台,进入:系统设置 - 我的套餐,查看接口域名。如:
小白接口微信小程序部署教程-带源码_第2张图片
2.配置好之后用微信小程序开发者工具打开源码
小白接口微信小程序部署教程-带源码_第3张图片
点击授权登录后会看的以下页面
小白接口微信小程序部署教程-带源码_第4张图片
接下来做一步十分重要的操作,打开根目录下的app.js拉到下面,把okayapiHost,okayApiAppKey,okayApiAppSecrect填写成自己的信息,在系统设置 - 我的套餐查看,记得是https不是http
小白接口微信小程序部署教程-带源码_第5张图片
现在离完成整个部署只差填充后端数据了!
打开源代码目录下CSV文件夹里modelBulid.csv。查看该程序需要的六个模型并添加相应字段。
小白接口微信小程序部署教程-带源码_第6张图片
小白接口微信小程序部署教程-带源码_第7张图片
现在带大家建第一个模型tea_swiper
小白接口微信小程序部署教程-带源码_第8张图片
之后在我的模型数据内找到模型点击管管模型并加入modelBuild.csv文件内的字段名称/类型/备注
小白接口微信小程序部署教程-带源码_第9张图片
小白接口微信小程序部署教程-带源码_第10张图片
然后添加数据,如无想放在轮播图的照片可以按照tea_swiper.csv内的地址添加。添加后效果如图。
小白接口微信小程序部署教程-带源码_第11张图片
接下来点击开发者工具-编译,即可看到轮播图已经成功调用啦!!!(您的小程序已经成功调用出放在小白数据库的数据了)
小白接口微信小程序部署教程-带源码_第12张图片
细心的同学会发现tea_user里面也已经拿到了登录的人的微信昵称以及openID,新用户登录这个小程序并且授权,就会新增一条数据。(微信的openID是微信用户唯一标识符,如有需求也可以增加省份,语言,用户头像等字段记录用户信息,调整模型跟pages/login.js代码即可)
小白接口微信小程序部署教程-带源码_第13张图片
接下来根据CSV文件夹里的tea.csv按操作添加相应的数据即可拥有自己的小程序啦(小白会员可直接用该csv文件导入到数据库哦(疯狂暗示)),tea_user,tea_order,tea_shopcar以及tea_moment都不用添加数据,下订单,发朋友圈等操作会自动添加。最终效果如下。小白接口微信小程序部署教程-带源码_第14张图片小白接口微信小程序部署教程-带源码_第15张图片小白接口微信小程序部署教程-带源码_第16张图片小白接口微信小程序部署教程-带源码_第17张图片小白接口微信小程序部署教程-带源码_第18张图片小白接口微信小程序部署教程-带源码_第19张图片
开源不易,需要鼓励。您的支持就是我们最大的前进动力!

你可能感兴趣的:(小白,小程序)