我们在这里准备了三个使用知晓云 BaaS JS SDK 开发的微信小程序 Demo。
它们分别是:
- hello-world:简易的书架 app,演示了基本的用户登录、数据表操作
- lbs-demo:地图黄页 demo,演示了稍微复杂的业务实现
- payment-demo:支付相关的 demo,演示了 SDK 的在线支付的特性支持
使用知晓云 BaaS JS SDK 实现的书架微信小程序。
通过这个 Demo 你可以学到:
- 基本的微信小程序开发,控件交互等;¯
- 使用 SDK 对后端数据进行基础的增删改查操作;
- 使用 SDK 进行用户登录及获取用户信息;
点击创建示例应用,我们会帮您在知晓云完成应用、数据表、内容库的创建及示例数据的填充。(创建前请先完成登录)
Step 1:
你也可以手动这么做: 前往知晓云 创建账户,进入控制台完成小程序绑定。并通过控制台获取到 ClientID。
Step 1.1: 在控制台数据管理创建一个新的数据表,添加一个类型为 String 的数据列:bookName。完成创建之后,在数据表界面的右侧帮助中心获取数据表 ID: tableID。
Step 2:
Clone 代码后,通过微信开发者工具添加项目。将您自己的 ClientID, tableID 替换代码中(app.js, index.js)的演示 ID,即可运行代码。
通过这个 Demo 你可以学到:
- 更加丰富的微信小程序控件使用;
- LBS 业务中微信小程序地图控件的使用;
- 知晓云 BaaS JS SDK 多数据表协作实现复杂逻辑;
点击创建示例应用,我们会帮您在知晓云完成应用、数据表、内容库的创建及示例数据的填充。(创建前请先完成登录)
Step 1:
前往知晓云 创建账户,进入控制台完成小程序绑定。并通过控制台获取到 ClientID。
Step 2:
在控制台数据管理创建一个新的数据表,命名为 company,表的结构如下:
字段 | 类型 | 示例 |
---|---|---|
title | string | 爱范儿 |
address | string | 品牌街5号 |
description | string | 爱范儿(证券代码 839758)是一家聚焦于微信及移动互联网生态的 综合服务商,拥有多个知名互联网品牌。爱范儿洞察科技及互联网趋势,关注新消费模式与时尚生活动向,在新媒体及微信生态服务领域深度布局,连接海量「趋势消费者」,提供从内容到营销到技术平台的一体化微信生态解决方案 |
logo | string | https://media.ifanrusercontent.com/media/tit/atGxbqTGjzYkQOER.jpgd |
image | array | ["https://media.ifanrusercontent.com/media/tit/TyjAFWdpYzvklnEn.jpg" , "https://media.ifanrusercontent.com/media/tit/OnKDjKhqzlXDzoFu.jpg"] |
phone | string | 89054207 |
latitude | number | 23.099532 |
longitude | number | 113.323882 |
category | array | ["科技IT"] |
priority | integer | 4 |
详细的数据返回实例请参考项目目录下的 mock
文件夹下的 mock.js
。
Step 3:
Clone 代码后,通过微信开发者工具添加项目;
将您自己的 ClientID, tableID 填充到代码中需要用到的地方,具体配置到项目目录下的 config
文件夹下的config.js
;
lbs-demo 涉及地图接口的调用,本 demo 使用高德地图的小程序 SDK,需要自行申请高德地图的开发 key,并将其配置项目目录下的 config
文件夹下的config.js
。
完成上述操作,即可运行代码。
通过这个 Demo 你可以学到:
- 使用知晓云 BaaS JS SDK 一行代码搞定支付
- 一个简单的电商业务实现
点击创建示例应用,我们会帮您在知晓云完成应用、数据表、内容库的创建及示例数据的填充。(创建前请先完成登录)
Step 1:
前往知晓云 创建账户,进入控制台完成小程序绑定。并通过控制台获取到 ClientID。
Step 2: 在微信小程序管理后台开通微信支付,并在知晓云管理后台“支付“模块配置相应证书。
Step 3:
在控制台数据管理创建一个新的数据表,命名为 profile, 添加字段如下:
字段 | 数据类型 | 示例 |
---|---|---|
name | string | Ernest |
phone | string | 18588888888 |
company | string | 爱范儿 |
is_member | boolean | true |
isProfileComplete | boolean | false |
isFirstCommit | boolean | false |
Step 4:
Clone 代码后,通过微信开发者工具添加项目;
将您自己的 ClientID, tableID 具体配置到项目目录下的 config
文件夹下的config.js
。