支付宝小程序开发文档（支付宝 小程序 云开发）

本篇文章给大家谈谈支付宝小程序开发文档，以及支付宝 小程序 云开发对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、支付宝&微信小程序Canvas生成图片
• 2、支付宝小程序怎么制作？
• 3、二、支付宝小程序前端样式的设计.acss样式详解
• 4、有谁知道小程序到底是什么东西呢，有什么需要注意的地方吗？
• 5、支付宝小程序播放视频2018-10-09

支付宝&微信小程序Canvas生成图片

canvas转换图片api不相同，并且参数不相同，支付宝参数与支付宝开发者文档中的参数都出现不相同

下面我们看微信的wx.canvasToTempFilePath和支付宝ctx.toTempFilePath中success返回的参数差异,我们如果要获取对应的图片，wx返回两种图片格式，一种是本地图片，一种是http协议内部临时图片（tempFilePath）。而支付宝只存在一种图片格式，http协议临时图片（apFilePath）。

微信端中如果需要绘画canvas生成的图片进已有的canvas，采用drawImage，其中第一个参数是图片地址，微信端中要采用tempFilePath参数，支付宝端需要采用apFilePath

支付宝小程序怎么制作？

登录开放平台，进入开发者中心频道，点击右侧小程序菜单，可在我的小程序列表页看到对应的小程序应用。在IDE上传版本时需要在关联应用选中该应用:

下载

首先，请下载小程序开发者工具(IDE)。它是一个辅助开发支付宝小程序的本地应用工具，包含本地调试、代码编辑、真机预览、发布等功能，覆盖了应用开发的完整流程。

下载完成之后，打开它，即可使用。部分功能如真机预览和版本上传等需要登录才能使用，在这种情况下开发者可打开手机上的支付宝应用，扫码确定即可登录。

注意：如果登录没有反应，可尝试完全退出手机上的支付宝应用再重新打开。

项目创建

打开IDE，点击新建项目，在支付宝下选择"小程序"，创建项目：

小程序支持多端（支付宝、钉钉、mPaaS）研发和发布，点此查看详情。

代码编辑

打开项目，会默认进入代码编辑模式。从左到右，依次是文件树、代码编辑器和模拟器。

实时预览

在代码编辑器修改任何代码都会重新编译，然后自动刷新应用。

自动补全

工具针对 my 接口和 axml 提供了大量的自动补全提示，以帮助开发者提高效率。

二、支付宝小程序前端样式的设计.acss样式详解

在视频中已经说过了，小程序的设计思想和原生app的设计思想颇为相似，基本的应用单元为页面。当然对于一个页面来说每一个元素的放置位置在哪儿以及显示成什么样子这个是由 样式来决定的 。我们知道在web开发中样式是在css文件中规定的，叫做层叠样式表 (Cascading Style Sheets)。其实在APP中样式的约束也是使用css，在支付宝小程序中也是使用css不过文件的后缀是.acss而且对css3进行了扩充而已。

那么在支付宝小程序中的.acss和微信小程序中的.wxcss没有什么两样。 上边已经说了.acss其实包含了css3那么它还有一些新的特性是css3中不具备的，让我们一一看看

第一次看到这个东西也能猜到他是干什么用的。在css中我们知道规定大小一般使用像素(px)这个单位。比如显示生活中我们说房子128㎡那这儿的单位是平方米，在开发中需要更加精准的大小就是px像素。像素就非常精细了因为在我们显示屏幕中像素是最小的显示单元。这个道理如果不懂的话就找个LED屏幕仔细看，LED屏幕上一个一个的发光二极管可以想象为像素。

我们知道手机屏幕有大有小，就拿iPhone来说，iPhone 6 plus比iPhone 5要大。那么就说明plus的像素比5要多。对比：

加入有一个160px宽度的红色矩形在这两种手机中的位置如下：

rpx（responsive pixel）可以根据屏幕宽度进行自适应。如何自适应呢？看下边的分析：

看下图：

在模块化开发中我们有时候不得不在页面中使用其他的第三方库的样式，而第三方库的样式是保存在第三方包中的，我们不可能全部复制到我们的.acss文件中，那最好的办法就是导入了。在样式表中导入其他外联样式表。

当然仍旧支持内联样式和class属性制定样式类，如

选择器和css3的保持一致。一般有class=”test”类选择器和id=”test”的id选择器。当然在支付宝小程序的样式中特殊的地方就是：

※ .a- 或者 .am-为前缀的选择器已经被系统占用所以不要使用；

※ 不能使用属性选择器，例如,以下写法不被支持：

我之前说过小程序开发的应用单元为页面。其实我们在.axml中写的页面并不包含页面容器，就相当于我们做一个页面但是body标签不用写那如果我们要改变整个页面的背景怎么办呢?其实有一个固定的选择器。例如：

可以通过 page 元素选择器来设置页面容器的样式，比如页面背景色:

在你想改变页面容器的页面中定义该样式也可以，全局定义也可以，例如我想将test这个页面的页面容器背景设置为蓝色，就可以再pages目录下的test目录下找到test.acss在其中定义page的样式

下节是视图层讲解，如果有任何问题可以再下方给我留言或者发邮件到 weiyongqiang@weiyongqiang.com 我在收到邮件后会回复。

有谁知道小程序到底是什么东西呢，有什么需要注意的地方吗？

小程序，就是一种比较小的程序，我们平时手机安装的app其实就是一个程序，但是手机的app是比较大的，会占用很多手机的存储空间。但是小程序不一样，它依赖的是你已经安装的app,目前小程序有微信小程序，小程序依赖微信app来运行，还有支付宝小程序，依赖支付宝app来运行。还有一些大公司也在开发自己的小程序。

最先出现的是微信小程序，它是通过调用各种接口和依赖微信app 来运行的，方便快捷，传播性好，但是也是有很多缺点。例如：项目代码大小有上限，不适合做大型项目。依赖于微信app就说明要使用外部的一些功能就会出现各种各样的问题，例如要对接支付宝的支付接口等。而且在微信官方的规范打压下，现在微信小程序已经差不多到头了，开发和使用都少了。

至于支付宝小程序，就更少人用了，首先要开发一个小程序就必须熟悉官方的文档和接口，在没有生态的情况下，几乎就没有人再花时间去研究支付宝的小程序了，当然，他们官方肯定是会继续开发的。

至于你说的需要注意什么，看你是开发还是使用了，如果是开发的话，那肯定就是先熟悉官方开发文档，代码和接口规范。 如果只是使用者，那就没有什么特别的，和平时上网是一样的。

支付宝小程序播放视频2018-10-09

2020.1.17更新：

现在 支付宝官方文档 有视频播放组件了

以下是原文内容

翻了一下支付宝小程序的开发文档，好像并没有视频播放组件提供，但是却有webview可以内嵌html5页面。

步骤：

1、添加webview白名单：蚂蚁金服开放平台——目标小程序详情——设置——开发设置——H5域名配置

2、小程序详情：

    a、axml内容：web-view src="http://域名/video页面.html?id={{movieId}}managementId={{managementId}}" /

        官方文档说明web view组件会覆盖整个页面，所以页面上只有这个组件（更多详情请看官方文档）

    b、video.html页面（在白名单域名的那个服务器里放）里就是一个video标签，还有对应的js，不懂的可以自己去找找资料，在这就不班门弄斧了，注意加上meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"标签

3、万事俱备，看效果（丑了点但是功能可以哈）

关于支付宝小程序开发文档和支付宝 小程序 云开发的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。