这是我参与更文挑战的第6天，活动详情查看： 更文挑战
写作背景
最近公司的一个项目，是要求基于银联的云闪付平台开发的一个小程序项目，这里不得不吐槽一句，与其说是小程序，不如说是基于云闪付平台的H5。
但是这个平台有点坑啊，我分分想砸电脑那种。
项目介绍
项目功能很简单，就是登录-购卡-预约景点-查看景点入园码。
幸亏功能简单， 不然的话， 真的是原地爆炸。
项目准备
1、创建平台账号
因为云闪付平台是背靠银联的一个主打支付的平台，所以创建的小程序账号只能是商户号，个体商户也好、公司主体也好，反正得是商户号。
而且平台内还不能添加小程序的开发者、管理员。 仅账号所有者能操作。
这也就导致因为项目是甲方的，所以每次我想登录平台都得找甲方扫码登录，扎心一击。
2、下载开发者工具开始开发
在云闪付小程序平台文档中可以下载开发者工具。直接下载安装。
可以通过客户端创建云闪付的项目，根据个人技术栈可以选择React、Vue或者选择导入项目。
不过个人建议， 直接外部新建一个Vue项目，创建好之后再导入项目到工具当中。
之后开发、测试， 也是打开个人编辑器，在编辑器中开发。通过命令行运行代码之后，将本地预览地址输入工具内的地址栏。
这里要注意，在输入地址的时候最后面一定要带上斜杠，否则的话，调试器当中是不会显示当前项目的控制台的。
别问为什么， 我也没搞明白。
3、社区与文档
这个工具也好，云闪付平台也好，没有社区。
文档可以在官网文档中心看到，如果你是前端开发，别抱有太大希望， 我有时候碰到问题去找文档，好不容易为看标题以为能解决，结果要权限才能下载，但是甲方也没有权限的账号。
4、云闪付sdk与授权登录组件
云闪付的SDK是建议在index.html界面通过scrip引入
// index.html
<script src="https://open.95516.com/s/open/js/upsdk.js"></script>
登录授权的组件在文档中可以下载，可以选择下载react、vue、h5组件。根据个人需求下载。
5、小程序跳转云闪付中界面
因为有优惠券领取的功能，所以有做引导用户跳转到云闪付的个人中心查看的功能，这里一并写出来。
upsdk.pluginReady(function(){
upsdk.openRNPage({
/*
* 我的红包 rnmyredenvelope
* 奖励中心 rnrewardcenter
* 我的票券 rncouponmycoupon
*/
dest: 'rncouponmycoupon',
isFinished: "0", // 默认0，在当前窗口打开， 1 关闭当前webview(我用这个之后直接白屏)
})
})
对接后端
当我开始对接的时候，我真的直接崩溃了。
因为后端的API接口是用的另一个域名，直接被软件拦截了，就是证书不安全。
但是软件内没法通过访问目标域名添加到白名单，也没其他方法。
后来发现就我的台式电脑会出现这样的情况，我的笔记本又是正常的。
最终我只能让甲方扫码登录平台，然后在体验版本添加安全域名之后，提交到测试环境去调试、对接。
配置体验、上下线环境。
登录云闪付小程序平台。这应该是是本文最后一张图了，我登录不进去。
之后在左侧菜单栏找到版本管理->测试版本 (好像是这个菜单名，总之如果你需要配置的话，你进去看到就明白了)
添加安全域名，首页地址。
可能有人问了，不是提交代码到平台吗？为什么是添加首页地址呢？
对，没错，你没想错， 就是把代码打包到自己的服务器，然后把首页地址丢进去。
这也是我为什么最开始说这是基于云闪付平台的H5了，完全不像是一个小程序。
总结
人生总会有各种各样的挑战，如果你不硬着头皮挺进，你就会止步于眼前的没好。
为什么是不完整使用总结呢， 我怕我等不到写完整使用总结那天，就删（远程仓）库跑路了。
