内容提示：《微信小程序开发入門精要》_sample
文档格式：PDF| 浏览次数：41| 上传日期： 13:10:54| 文档星级：?????
开发一款小程序需要两名或更多的程序员参与，一直困扰着很多小的创业公司因为多雇佣一个囚，就会增加很多成本所以基于这个痛点，很多公司推出了云开发技术例如Bmob就是较早推出云开发的公司，所谓云开发就是将服务端嘚功能都封装起来，然后向客户端提供API访问这些封装的功能服务端的主要功能无外乎数据存储、文件上传下载、视频/音频流等功能。这些功能大多开发都不困难但比较费时，所以将其封装起来供客户端调用是一个非常好的主意
腾讯最近推出了自己的云开发系统，不过這个云开发系统目前只能用于小程序而且只提供了如下3种。
云数据库是指在服务端提供的数据库服务小程序云提供的数据库属于文档數据库，文档数据库有别于关系型数据库传统的关系型数据库中可以保存若干个表，每一个表由若干条记录组成但文档数据库保存的昰JSON格式的数据，每一个JSON文档相当于关系型数据库中的一个表也就是说，文档数据库保存的是JSON文档的集合非常流行的MongoDB就是典型的文档数據库。云数据库个组成部分对应的关系如下表所示
云存储为小程序提供了远程上传和下载文件的能力。下载可以提供权限管理小程序鈳以通过相应的API实现文件的上传和下载功能。
云函数就是一段可以运行在服务端的代码之所以要将部分代码在服务端运行，主要有如下兩个原因：
现在让我们来开发第一个与云的小程序，首先应该下载最新版的微信开发者工具然后茬小程序后台获取AppID。使用云开发功能必须使用真实的AppID，不能使用测试用的AppID
启动微信开发者工具，新创建一个小程序工程在创建小程序工程的过程中，需要输入AppID和项目名称然后在最下面的目标列表中选择“建立云开发快速启动模板”选项，如下图所示
创建完支持云開发的小程序工程后，工程目录结构和IDE主界面如下图所示当前工程默认带了一些例子（模板中的例子）来帮助理解和开发基于云的小程序。
如果第一次使用这个AppID开发基于云的小程序应该单击界面上方的“云开发”按钮，会显示如下图所示的页面
这是一个开通云服务的頁面，单击“开通”按钮就会开通用于云开发的服务。在开通的过程中会出现如下图所示的确认对话框单击”确定“按钮进入下一个設置页面。
这个页面是”新建环境“页面如下图所示。需要输入”环境名称“一个任意的字符串。在下面列出了基础版的配置如数據库存储空空间、云函数数量等。如果想要更多的资源那以后肯定是要收费的。天下没有免费的午餐不过这个配置做实验和用户量不昰非常大的小程序还是够用的。
单击”确定“按钮就会创建一个环境，然后会进入如下图所示的云开发控制台在这个控制台中可以管悝用户、云数据库、云存储、云函数以及统计分析。并且会显示相关的信息如今日API调用
如果想创建新环境，可以将鼠标放在右侧当前环境minicloud上会弹出如下图所示的菜单，单击”创建新环境“菜单项就会创建一个新的环境目前每个小程序账号课免费创建两个新环境。
模板會默认创建一个login云函数用于返回openid（标识当前微信登录用户的ID），所以在开发基于云的小程序之前首先要先部署login云函数。
选中login云函数茬右键菜单中单击”上传并部署“菜单项进行部署，如下图所示
成功部署login云函数后，回到小程序的主页面单击“点击获取openid”按钮，如丅图所示会通过login云函数获取openid。
成功通过login云函数获取openid后会显示如下图的页面。现在就可以使用云API来开发小程序了
现在我们来开发第一個基于云的小程序，这个小程序非常简单就是在一个集合中插入一条数据，也就是一个JSON格式的文本
一个集合就相当于一个表。选择环境后小程序就会默认有一个数据库，所以就不需要单独创建数据库了只需要在该数据库中创建若干个集合（表）即可。
首先打开云开發控制台切换到”数据库“页面，单后单击左上角的”添加集合“会弹出如下图所示的”添加集合“对话框，输入集合的名字然后單击”确定“按钮添加集合。
创建一个新集合后的效果如下图所示可以通过单击右侧的”添加记录“导入json或csv文件，每个文件最大50MB不过夲节并不会通过云开发控制台导入，而是使用代码来插入文档
由于获得openid后，会跳到userConsole页面所以我们在这个页面的onLoad函数中向test集合插入一个json攵档。
在小程序开发工具中定位到userConsole.js文件并找到onLoad函数，如下图所示
在onLoad函数中会从全局变量（globalData）中获取openid。操作集合首先要通过init函数初始化環境init函数的语法格式如下：
其中envname是字符串类型的值，表示要使用的环境名在前面已经创建了一个名为minicloud的环境了，所以本例的envname的值是'minicloud'
嘫后使用下面的代码获取数据库和集合对象。
其中test是前面建立的集合名
最后使用add方法插入json格式的数据，完整的代码如下：
// 输出成功插入後的id以及其他信息现在重新运行程序获取openid后，就会在小程序开发者工具的Console中看到如下图的信息
回到云开发控制台，会看到test集合多了如丅图所示的数据这表明json文档已经插入成功。
现在来改进前面编写的基于云的小程序这个小程序尽管可以向云数据库中插入数据，不过玳码与模板代码混在了一起在真正的小程序项目中，不可能让用户先单击按钮获得openid再进行下面的操作，所以现在重新编写基于云的小程序主要包括如下功能。
从文本输入组件输入姓名和年龄单击“插入数据”按钮向云数据库插入包含信命和年龄的数据。
小程序主界面洳下图所示
为了在我们自己页面上实现这些功能，首先在小程序工程中创建一个main目录并创建如下图所示的文件。
接下来修改app.json文件将main頁面变成首页（第一个显示的页面），也就是将 "pages/main/main"放在pages数组的第一个元素的位置修改后的app.json文件的内容如下：
现在重新运行小程序，会看到main頁面已经成为了小程序的首页由于本例的页面需要用到一些组件，所以需要现在main.wxml文件中输入下面的代码完成
在小程序中调用云API之前必須要获取小程序的openid，这个openid表示当前小程序的用户ID由于进入小程序必须要通过微信，所以小程序使用与微信相同的用户验证体系因此，尛程序就不需要单独登录了而openid就是小程序是否登录的凭证。
获取openid的代码已经包含在模板中了只需要找到index.js文件，并搜索onGetOpenid函数会看到如丅的代码。
上面的代码用于调用名为login的云函数获取小程序的openid通常只需要将onGetOpenid函数中的代码直接复制到main.js文件中的onLoad函数即可。
向云数据库插入數据的代码前面已经学过一会大家可以看本例完整的代码。从云数据库中查询数据可以使用下面的代码
// 查询到数据后触发，res参数值包含的查询到 数据 // 未查询到数据触发main.js中完整的实现代码如下：
* 生命周期函数--***页面加载 // 单击“插入数据”按钮调用该函数 // 将年龄转换为整數类型值 // 如果输入的年龄不是数字会显示错误对话框，并退出该函数 // 向test数据集添加记录 // 数据插入成功调用该函数 // 单击“查询数据”按鈕执行该函数 // 根据记录ID搜索数据集 // 将查询结果显示在页面上 // 未查到数据时调用 // 下面的函数用于当更新input组件中的值时同时更新对应变量的值現在重新运行小程序，并添加一些数据看到云开发控制台中的test集合下多了几条记录，如下图所示这表明已经将数据成功插入test集合。
现茬回到小程序开发界面在"查询按钮“上方的文本输入框中输入一条记录的ID，单击”查询数据“按钮会看到按钮下方会显示如下图的查詢结果，如果未查询到结果会显示一个提示对话框。
请关注“极客起源”公众号下载源代码，二维码如下：
??来源：调皮电商 冯华魁
??1、今天支付宝小程序一周年的发布会上，支付宝宣布其小程序数量超过百万，已打通微博并且宣布日活已经超过5亿！
??作为一个財一年的互联网产品，做到这个程度的确大放异彩，尤其是支付宝与微博的联手突破了自身流量属性的局限，除了工具流量、媒体流量又接入了更广泛的社交流量。
??看到支付宝小程序发展这么快免不得要跟微信小程序对比一下，毕竟小程序是微信发明的在可鉯查到的数据中，去年7月份微信小程序已经破百万个，今年的数据还没有看到；日活数量有的说突破两个亿，有的说突破2.3亿有的说突破2.8亿，同样也没有看到近期的数据只能算个平均数据2.5亿了。
??这样大概算下来支付宝小程序的日活，已经是微信小程序的两倍了
??毋庸置疑，小程序已经是各个巨头的标配且具有战略意义，腾讯阿里百度头条，都有布局如今，似乎阿里的小程序战略发挥叻后发优势整合了一众资源，忽然就成了领头羊
??怎么看待这个事儿呢？
??2、今年5月支付宝小程序技术团队荣获蚂蚁金服CEO特别夶奖，获奖的原因一方面是因为支付宝小程序的发展速度非常快；另一方面，是因为支付宝小程序是阿里新商业操作系统的载体被阿裏集团寄予厚望。
??所以支付宝小程序一年的突飞猛进，不是偶然的可以说是集合了整个阿里全部业务线的支持。
??这一点跟微信小程序，可能就不一样了微信小程序是微信里面的一个功能，远远没有升级到腾讯整个业务线的集体支持不过话说回来，有微信11億用户大盘做基础微信小程序也不需要腾讯其他业务线的特别支持。
??从两者的对比来看微信小程序是在一个完整的产品里，提纯┅个小功能是用来方便用户的；
??支付宝小程序则不然，支付宝发展小程序其实是把自己裂变了很多原来就有的功能和产品，独立荿一个小程序比如淘票票这样的入口：
??还有就是曾经给淘宝某个产品引流的入口，比如每日必抢：
??如果这些入口都换成了小程序实际上，支付宝小程序就是支付宝把自己小程序化了每一个打开支付宝的用户，随便点一个功能你会发现，大部分是小程序来完荿的功能
??如果按照支付宝开发小程序的思路，微信恐怕分分钟也能实现小程序日活10个亿你想啊，光把朋友圈小程序化立马就7.4亿ㄖ活了（微信朋友圈每天有7.4亿的活跃用户。）
??微信开发小程序的思路是在一个社交产品中把服务的行为通过一个小程序来完成，让鼡户即用即走；而支付宝本身就是一个服务产品用户使用支付宝本身就是用完即走，不存在提纯某一个单独的功能
??所以，支付宝尛程序日活多少是微信小程序日活的两倍，其实并没有太大意义。
??但是支付宝把自己***，却挺有意义的
??3、支付宝把原來的入口作为一个个小程序的模块，相当于把自己的底层框架模块化了也相当于把自己更加标准化了，既可以更好的作为平台接入外蔀的产品，比如滴滴；也可以把自己作为一个整体打通其他平台，比如淘宝、钉钉、高德、饿了么等底层能力都将打通，形成无缝对接开发者可以将阿里系的多元化能力，随意组合成一个小程序
??支付宝小程序和微博的打通，就挺有意义这是第一个跨平台的小程序，对双方都有引流的作用双方有2.5亿用户是重合的，意味着微博对支付宝来说有2.3亿新用户（微博共4.8亿用户）；支付宝对微博有4.5亿新鼡户（支付宝中国国内用户数7亿），单纯的引流效果有限，但是现在用业务来关联用户，都是双赢（但是，坦白说肯定是支付宝贏的更多，微博只会成为支付宝的流量渠道用户在微博上用支付宝完成交易，会更忠诚支付宝而不是微博，因为交易记录在支付宝里而不是在微博里，微博只是过过水；而支付宝给微博带过去的流量目前来看，还未成型谁会去花钱的地方搞社交啊，只会在社交的哋方花钱）
??当然，微博就要放弃自己做服务平台的努力了基本相当于把服务的水电煤，直接拱手让给支付宝
??支付宝小程序與淘宝的互相作用，也挺有意思支付宝是从淘宝独立出来的工具，但是这个工具不满足只做一个工具，而是做成了一个服务平台支付是比电商购物更高频的行为，支付宝在线下和理财方面的发力让它超越了淘宝，全球用户数超过10亿如今，他通过底层模块化又可能把淘宝吞进去。
??一方面是淘宝产品在支付宝上的小程序化淘宝一些业务线，开发成小程序嵌入支付宝，在支付宝每天几百亿的荇为中神出鬼没的引流（当然是根据大数据来关联）；
??另一方面很多淘宝天猫的店铺也在小程序化。比如他们正在测试的40多个品牌一万多个线下门店与线上天猫店的O2O玩法，以宝岛眼镜为例：
??点开这个页面最下面中间的天猫李宁官方旗舰店小程序就是宝岛的天貓店小程序：
??一个小程序页面，汇集了门店和天猫两个业态这算是一个有意思的创新，不过这个创新的效果如何还有待检验，阿裏每一次推广一个新业务都是用优惠券来引导用户下单，这一次跟宝岛的合作优惠力度还是挺大的：
??优惠券引导，并不能养成用戶的购物习惯只是会显得新业务数据好看。
??另外这次推出的O2O服务，其实对商家来说并没有太大新意无非是线上线下互相调货，這个功能早就有了；对支付宝小程序在线下的推广比较有意义因为商家推动门店客流使用支付宝小程序，阿里可以给线上流量支持这樣，支付宝小程序的引流就更丰富了
??4、总体来看，这是支付宝通过小程序反向融合淘宝天猫，也更加有利于自己走向线下从而芉方百计的完成企业的数字化，为阿里的数字化帝国提供了一条路径。
??相比较支付宝小程序微信小程序还很佛系，没有那么大的野心更不可能反噬腾讯其他业务，甚至微信小程序都没打算走出微信单一平台，而支付宝从诞生之日就是一个跨平台的产品；微信甚至不给小程序太多明显的入口，而支付宝小程序是到处寻找入口
??支付宝小程序是阿里让自己的所有业务模块化，成为一个可随意組合的模块如果你看过《超能陆战队》，里面的大反派使用的可随意组装的机器人可还记得？
??阿里就是要把支付宝小程序做成这種原子级的产品后续，他们会把阿里所有的产品原子化从而渗透到一切商业活动中。
??但微信小程序是张小龙的一个情怀产品两鍺在未来一段时间内，将会越来越远
??很有可能，腾讯发明的小程序用的最好的却是阿里，然后阿里用这个小程序对付腾讯。
??阿里腾讯的对战已经从业务线争夺，发展到原子级暗战了