支付宝小程序【818公测】

首先在开始的时候给大家一个图![]

蚂蚁开发者工具和微信开发者工具对比

做过微信小程序开发的我就具体不说太多了;大家应该一看都明白;这TM都一样;

--语归正传:

支付宝小程序:

官网地址:https://open.alipay.com/platform/home.htm
[结合微信小程序开发流程进行简单的分析]

支付宝小程序是手机应用嵌入支付宝客户端的一种方法，有以下特点：
基于 Web 技术，学习成本低
一套代码，同时支持 iOS 和 Android，接近原生体验
提供丰富的组件和 API(比如获取用户信息、本地存储、支付功能等)

一:公测阶段:

现在支付宝小程序属于公测阶段;和微信小程序刚开始是一样的仅仅只有企业可以申请开发;现在OFO已经有自己的支付宝小程序了;直接在支付宝里面搜索就可以找到入口;现在还有没有特定的入口;不知道以后会不会推出对应的入口;
估计在支付宝小程序开始推广的时候又是各种优惠,就像之前的口碑;第一批入驻的商户肯定会得到不一样的待遇的;

---

二:简单说一下开发流程

官网上给出了流程;首先肯定是账号了;要成为蚂蚁金服的自主开发者;这样才能获取APPID;这个和微信小程序是一样的同样需要开发者的ID;
获取APPID
登录开放平台，进入开发者中心频道，点击左侧【小程序】菜单，可在【我的小程序】列表页看到对应的小程序APPID，该ID在上传版本时需要填写

image.png

---

三:开发者工具以及简单的文件作用;

首先用到的开发者工具是名字为蚂蚁开发者工具下载地址[https://docs.alipay.com/mini/ide/download];

image.png

image.png

如果做过微信开发的话,其实很容易入手,一些官方的组件

1):文件结构;首先在开发的时候一定要明白每个文件的作用是什么,这样才能继续是吧;这个整体和微信小程序没啥差,就是换了文件的后缀名

文件结构

2):逻辑结构:不知道尤雨溪大神有没有参与,同样的数据绑定方式;好像weex[阿里去年八月份推出的新的框架]尤大神参与了;

逻辑结构

上面代码中，框架自动将逻辑层数据中的name与视图层的name进行了绑定，所以在页面一打开的时候会显示Hello taobao!用户点击按钮的时候，视图层会发送changeName的事件给逻辑层，逻辑层找到对应的事件处理函数。逻辑层执行了setData的操作，将name从taobao变为alipay，因为该数据和视图层已经绑定了，从而视图层会自动改变为Hello alipay!。注意：由于框架并非运行在浏览器中，所以 JavaScript 在 web 中的一能力都无法使用，如 document、window等对象。逻辑层 js 可以用 es2015 模块化语法组织代码，也支持从 node_modules 目录载入第三方模块，例如 page.js:
import util from './util'; // 载入相对路径 import absolute from '/absolute'; // 载入项目跟路径文件 import lodash from 'lodash'; // 载入第三方 npm 模块

---

=>就简单的有个入门吧;大家要是想深入了解;肯定要看开发文档了;

简单的一些区别
1:文件还有开发方式基本上没有太大的区别其中的css部分和视图部分是没有大的区别的;在css中用的大小单位,同样是rpx;视图中,用的标签 基本上和微信的一样
2:但是js中官方提供的方法是有一定到区别的;
3:图片标签换成image了;
具体的大家看开发者文档就行了;
[https://docs.alipay.com/mini/developer/getting-started]