简介

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

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

环境准备

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

  1. 后台:使用小白接口,主要调用的接口有:
  1. 开发工具:微信开发者工具(v1.02.1903292)

快速部署

查询个人域名

开发者平台配置域名

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

  • 登录微信公众号平台
  • 设置 - 开发设置 - 服务器域名,修改request合法域名,uploadFile合法域名,修改为你当前所在的小白接口域名(小白接口已支持HTTPS访问)。如下:
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)

特别注意!在微信服务器域名配置request合法域名时,一定要注意,域名前后不能有空格,最后不能有斜杠!!
否则会出现类似以下的错误提示:
商城微信小程序部署教程--调用小白免费接口(含前后端源码)

代码配置

  • 用微信小程序开发者工具打开源码
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
  • 点击授权登录,会看到以下页面
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
  • 接下来做一步十分重要的操作,打开根目录下的app.js拉到下面,把okayapiHost,okayApiAppKey,okayApiAppSecrect填写成自己的信息,具体可以在小白开放平台系统设置 - 我的套餐查看,记得是https不是http
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
  • 现在离完成整个部署只差填充后端数据了!
  • 打开源代码目录下CSV文件夹里modelBulid.csv。可以查看本示例所需要的六个模型,在小白开放平台建立对应的模型,添加相应字段。
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)

商城微信小程序部署教程--调用小白免费接口(含前后端源码)

建立模型

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

  • 新建模型
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
  • 之后在我的模型数据内找到模型点击管管模型并加入modelBuild.csv文件内的字段名称/类型/备注
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
  • 添加数据,如无想放在轮播图的照片可以按照tea_swiper.csv内的地址添加。添加后效果如图。
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)
  • 接下来点击开发者工具-编译,即可看到轮播图已经成功调用啦!!!(您的小程序已经成功调用出放在小白数据库的数据了)
    商城微信小程序部署教程--调用小白免费接口(含前后端源码)

如果用户模型也建好,细心的同学会发现tea_user里面也已经拿到了登录的人的微信昵称以及openID,新用户登录这个小程序并且授权,就会新增一条数据。(微信的openID是微信用户唯一标识符,如有需求也可以增加省份,语言,用户头像等字段记录用户信息,调整模型跟pages/login.js代码即可)
商城微信小程序部署教程--调用小白免费接口(含前后端源码)

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

演示效果

商城微信小程序部署教程--调用小白免费接口(含前后端源码)商城微信小程序部署教程--调用小白免费接口(含前后端源码)商城微信小程序部署教程--调用小白免费接口(含前后端源码)商城微信小程序部署教程--调用小白免费接口(含前后端源码)商城微信小程序部署教程--调用小白免费接口(含前后端源码)商城微信小程序部署教程--调用小白免费接口(含前后端源码)

联系我们

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

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

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

PowerBy——YesAPI

相关文章:

  • 2022-01-14
  • 2021-10-14
  • 2021-05-14
  • 2021-06-13
  • 2021-12-05
  • 2022-12-23
  • 2021-05-20
猜你喜欢
  • 2021-12-08
  • 2021-07-10
  • 2021-03-30
  • 2021-11-06
  • 2021-06-14
  • 2021-12-26
  • 2021-07-28
相关资源
相似解决方案