效果

。

完成效果

场景

微信计划一开始不支持个人，但比支付宝(Alipay )等小程序更早支持了个人，很多个人小程序在手里。

从支付宝(Alipay )、百度、头条，我们希望允许个人开发者。 今天2019/03/19，突然收到支付宝(Alipay )，向个人小程序申请了公开测试，我去试一下。

整个申请过程很舒适，几乎没有阻力。

简述

这个小程序一开始当然是用微信小程序原生写的，用了不到两个小时。 之后，陆续更改了UI，添加了帮助功能，整体时间在5个小时以内。

去年8月左右，在Uni重构了，但是纯粹为了练习，之后就搁置了。 最后的维护增加了多骰子模式。 用户数18万多人，每天平均500人左右。

因此，支付宝(Alipay )小程序个人开通后，从下载开发者工具修改部分代码到申请陈列，一共用不了半个小时。

流程

首先，按照支付宝(Alipay )给出的信息，一步步申请公测关系。 因为之前填写过小程序的资料，所以从Wechat上复制就可以了。 整个过程五分钟就足够了。

然后下载工具，需要一点时间。 大概3分钟，150米大小。

之后，就是修改源代码的一部分。 后面会详细叙述。

最后，是出具申请书。

如果不使用

开发事项

uni，即使有源代码，修改为支付宝(Alipay )进行调试也很困难。

这次修改一共遇到三个洞，大约需要两分钟。 让我举一个例子。

一、文件引用问题

正如我在这个问题之前的文章和回答中已经说过的，Uni有个漏洞。 文件检索路径的问题。 在多平台上，由于文件的检索路径不同，以前有这样的代码：

上一个代码

当然，这里可以优化，但是因为整理起来很麻烦，所以简单粗暴地分成三块，H5，APP，小程序。

发生了错误。 由于不区分“支付宝”(Alipay )小程序，请进行如下更改。

修改后的文件引用

就这样开始运转。

二、API支持问题

遗憾的是，“支付宝”(Alipay )不支持createInnerAudioContext函数铃声。 在Uni官网上有说明。

不支持“支付宝”

因此，在源代码中：

源代码获取声音组件

保存声音上下文函数时会报告错误。

在文件中搜索了相关代码，并对平台进行了区分处理。 如下所示。

一分类

分类2

分类3

支付宝(Alipay )很特殊，所以使用ifndef排除即可。

三、样式问题

默认情况下，witchat小程序嵌入在单个页面标签中，其典型结构如下：

页面--.容器- [内容]

所以我在共同的样式上写下这样的内容：

通用样式

都设定为100%，处理宽度、高度的问题。

但是，在支付宝(Alipay )中，由于page层变少和. container设定100%无效，直接设定为height: 100vh； 是的，如下。

通用样式更改后

这样一来，项目小，所以工作量少。 但是，不得不承认那真的很爽。

评论，欢迎转发！