美文网首页
支付宝小程序【818公测】

支付宝小程序【818公测】

作者: 吴高亮 | 来源:发表于2017-08-19 11:39 被阅读0次

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


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

    做过微信小程序开发的我就具体不说太多了;大家应该一看都明白;这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]

    相关文章

      网友评论

          本文标题:支付宝小程序【818公测】

          本文链接:https://www.haomeiwen.com/subject/qxktdxtx.html