首先在开始的时候给大家一个图![]
蚂蚁开发者工具和微信开发者工具对比
做过微信小程序开发的我就具体不说太多了;大家应该一看都明白;这TM都一样;
--语归正传:
支付宝小程序:
官网地址:https://open.alipay.com/platform/home.htm
[结合微信小程序开发流程进行简单的分析]
支付宝小程序是手机应用嵌入支付宝客户端的一种方法,有以下特点:
基于 Web 技术,学习成本低
一套代码,同时支持 iOS 和 Android,接近原生体验
提供丰富的组件和 API(比如获取用户信息、本地存储、支付功能等)
一:公测阶段:
现在支付宝小程序属于公测阶段;和微信小程序刚开始是一样的仅仅只有企业可以申请开发;现在OFO已经有自己的支付宝小程序了;直接在支付宝里面搜索就可以找到入口;现在还有没有特定的入口;不知道以后会不会推出对应的入口;
估计在支付宝小程序开始推广的时候又是各种优惠,就像之前的口碑;第一批入驻的商户肯定会得到不一样的待遇的;
二:简单说一下开发流程
官网上给出了流程;首先肯定是账号了;要成为蚂蚁金服的自主开发者;这样才能获取APPID;这个和微信小程序是一样的同样需要开发者的ID;
获取APPID
登录开放平台,进入开发者中心频道,点击左侧【小程序】菜单,可在【我的小程序】列表页看到对应的小程序APPID,该ID在上传版本时需要填写
三:开发者工具以及简单的文件作用;
首先用到的开发者工具是名字为蚂蚁开发者工具下载地址[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]
网友评论