AI出击:真实微信小程序项目–>支付宝小程序【4-UI重设计(完结)】
承接上篇 AI出击:真实微信小程序项目–>支付宝小程序【3-替代接口实现】 ,支付宝小程序业务功能基本都已经正常复刻了,接下来就是看怎么对UI界面或主题进行优化。任何大修改前、批量修改前请记得git提交或手动备份!记得备份!记得备份!
第一版、我口述 AI 美化
在本系列开篇文章里面大家看到的就是我口述后AI 优化出来的结果(有些布局是按我的要求改的,配色等主要还是AI 完成)
提示词也很简单,介绍下小程序的目标用户及希望参考美团配色,让他重新帮我设计下UI
这一版是第一版,也是花了很多时间调整的版本,因为生成后并不是所有页面都正常,还是需要调整细节的,另外还[……]
AI出击:真实微信小程序项目–>支付宝小程序【3-替代接口实现】
承接上篇文章 AI出击:真实微信小程序项目–>支付宝小程序【2-框架层变更】 ,在完成支付宝小程序前端页面主体实现后,因为大部分接口都可以复用之前微信小程序的接口,尤其是不区分渠道来源的接口。所以当前最重要的工作就是解决支付宝小程序登录、订单支付退款问题。
为了快速实现及验证支付宝小程序的相关接口,我自然而然想到了世界上最好的编程语言—— PHP
核心实现支付宝小程序用户身份信息userid获取,以及实现小程序用户下单、退款功能。现在小程序项目已经有自己的一套api接口请求了,所以只需要新起一个php应用,完全模仿小程序前端的请求、返参以及加签验签方式就OK了。有请Qoder 登场![……]
AI出击:真实微信小程序项目–>支付宝小程序【2-框架层变更】
一切从这个微信小程序转换项目开始,本是抱着尝试一下的心态开始使用Trae 来转换结果弄了几个小时感觉很吃力,支付宝小程序上千个编译错误,后面就想着用阿里出品的 Qoder 是不是会对支付宝小程序了解多一些呢?整个转换过程难度适中,最大的开销就是得反复沟通、验证,有些时候需要找到支付宝小程序官方的说明文档地址让AI 参考进行修改。
改造后的效果可以看之前的文章:AI出击:真实微信小程序项目–>支付宝小程序【1-结果汇报
本次转换的过程经验,已经让Qoder进行了总结,可直接跳文末章节查看!
本文内容速读了解
1、复制微信小程序源码,让AI分析后转换成支付宝小程序
2、[……]
AI出击:真实微信小程序项目–>支付宝小程序【1-结果汇报】
本次迁移来自负责的一个真实微信小程序项目,迁移支付宝小程序主要靠AI “卖力”本人没有改动任何逻辑代码,也没有UI设计师介入,除了少量的css样式及icon图片资源替换。一期小程序前端项目开发耗时10天(白+黑) 采用Qoder IDE开发转换,虽然只用了10天,但是Qoder一个月的Pro额度已经用了80%,重度用户至少得开Pro+
下面这个图是当时开通Pro后,在支付宝小程序IDE 中刚能勉强运行起来的样子,当时让AI 也统计了下项目数据 ↓
改造后的效果(如果有打码请见谅)
本次迁移后,对小程序主页、svip、个人中心等页面进行了大改(主题色是让AI 参考美[……]
阿里云轻量服务器与ECS内网互通
默认【轻量服务器】是不与ECS内网互通的即使在同一个区域,具体两者之间内网互通方式可以参考官方教程:https://help.aliyun.com/zh/simple-application-server/user-guide/manage-service-interconnection 此内网互通要求必须同账号、同地域!
如果是想要不同专有网络下ECS 之间互通,需要参考VPC 对等连接官方教程:https://help.aliyun.com/zh/vpc/vpc-peer-to-peer-connection 此对等连接可以跨账号、跨地域,在同一个地域即使跨账号也免费, 只要跨地[……]