【uni-app】总结uni-app订单支付和打包发布
创始人
2024-03-12 13:08:17
0

前言


总结uni-app订单支付和打包发布

1- 支付


1.1 app的支付

1.1.1 准备工作

支付厂商 获取id

  • 去微信支付平台接入微信支付

在这里插入图片描述

  • 支付宝

打包时候

  • mainifest.json文件下,找到 app模块配置 ,勾选payment支付

在这里插入图片描述

1.1.2 代码
  • 获取支付厂商 uni.getProvide()
uni.getProvider({service:"payment"})
  • 用户发起支付
requestPayment(item,index){}
  • 获取订单信息
getOrderInfo(item,.id)
  • 发起支付api
uni.requestPay,ment({provider:item.id, //提供商
orderInfo:orderInfo,//订单信息
​})

1.2 小程序的支付

  • 用户的点击 发起支付
async weixinPay()
  • 获取openid
//本地存储 ||loginMpWeixin
//获取code 
uni.login({})
//获取openid 
uni.request({})
  • 获取订单信息 this.getOrderInfo(‘wxpay’)
this.getOrderInfo('wxpay')
  • 根据订单信息发起支付
uni.requestPayment({...orderInfo})

在这里插入图片描述

1.3 完整代码



2- 打包发布


2.1 h5—打包html代码上传服务器

  1. 首先可以先配置相对地址,我们先找到自己项目里的mainifest.jsonweb配置—>微信小程序配置,填写对应的运行的基础路径./

在这里插入图片描述

  1. 点击发行—> 网站-PC或手机H5(仅适用于uni-app)

2. 发行----发到网站--pc

  1. 打包完成之后,可以根据提示看到文件的路径,unpackage---dist---build--h5

在这里插入图片描述

  1. 上传到服务器(可以用flashFX工具上传)

2.2 打包微信小程序上传

  1. 在自己项目的 mainifest.json下,配置AppID等操作
    在这里插入图片描述

  2. 点击发行---->小程序–微信(适用于uni-app)

在这里插入图片描述

  1. 进入微信开发者工具,进行小程序上传;首先点击小程序右上角上传(友情提示:先进行测试,真机测试)

在这里插入图片描述

  1. 提交之后,去微信开发平台,查看自己提交的版本,进入版本管理

在这里插入图片描述

  • 如果有网络请求,配置域名必须是https开头:开发管理------>服务器设置------>服务器域名
    • request合法域名:uni.request,wx.request请求的域名必须事先定义好
    • uploadFile合法域名:如果有上传也要配置上传的域名
    • downloadFile合法域名:配置下载域名

在这里插入图片描述

2.3 app打包上传应用商店

App在各大安卓应用商店上架要求汇总

1、 首先在各大应用商店注册账号。 法人手机号,名字,身份证材料准备好,完成开发者实名认证;

2、 软著是必要的,提前准备好,软著申请大概需要1-2周时间才能下来。提前把APP名字想好,然后同步准备软著;

3、需要注意,部分类型的软件要求 提供特定的许可证书。比如,华为应用商店要求金融征信类APP提供ICP证(《互联网新闻信息服务许可证》/《ICP经营许可证》);

某应用商店对不同类APP许可证的要求

4、部分商店、部分类型的APP需要提交免责书承诺函等材料。比如,华为、百度、360、vivo、oppo应用商店要求提交承诺函;

某应用商店对上传图标的要求

6、提前准备APP的名称(注意要和软著的APP名字一致,用于应用商店搜索和下载至桌面显示)、关键词(几个词语,可展示本App主要功能、所属行业等信息,用于APP模糊搜索)、宣传文本(用于介绍公司或APP。会显示在APP描述上方)、描述文本(详细描述APP的主要功能、可实现效果、受众群体等)、主要类别(可选择一个主要和次要分类,可针对本公司APP定位选择)、技术支持网站、隐私政策网站、APP版本号、版权信息(公司名称)、审核需提供测试账号(如APP需要登录则需提供账号以供测试)、审核过程中的联系人(姓名、电话、邮箱)。

7、隐私协议一定填写完整详细

某应用商店对APP介绍的要求

注意:一定要注意各个商店对不同APP的分类,仔细阅读对应的要求,按照要求准备申请材料和上传操 作;上传前APP一定要测试完全没有问题,以免延长审核周期,带来后续问题。

总结:

  1. 应用商店:华为、oppo、vivo、小米
  2. 现在只有华为可以个人上传,其他都必须是公司
  3. 个人上传:app的版权证明
  4. 最难的一点就是国家的隐私条例和应用商店的隐私审核
  1. 点击 HBuilderX 状态栏左侧的未登录按钮,弹出登录的对话框:
  2. 在弹出的登录对话框中,填写账号和密码之后,点击登录即可

在这里插入图片描述
3. 打开项目根目录中的manifest.json配置文件,在基础配置面板中,获取uni-app 应用标识,并填写应用名称:

在这里插入图片描述
4. 切换到 App 图标配置面板,点击浏览按钮,选择合适的图片之后,再点击自动生成所有图标并
替换即可:

在这里插入图片描述
5. 点击菜单栏上的 发行 -> 原生 App-云打包

在这里插入图片描述
6. 勾选打包配置如下:

在这里插入图片描述

  1. 控制台查看打包的进度信息
    在这里插入图片描述

  2. 点击链接下载 apk 的安装包,并安装到 Android 手机中查看打包的效果。


往期传送门


【uni-app】总结vuex+常用api+内置组件+自定义组件+第三方插件的运用(建议收藏)
【uni-app】详细总结uni-app基础知识和如何配置项目,运行到模拟器和小程序端,附案例和图(建议收藏)

相关内容

热门资讯

AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWR报告解读 WORKLOAD REPOSITORY PDB report (PDB snapshots) AW...
AWS管理控制台菜单和权限 要在AWS管理控制台中创建菜单和权限,您可以使用AWS Identity and Access Ma...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
群晖外网访问终极解决方法:IP... 写在前面的话 受够了群晖的quickconnet的小水管了,急需一个新的解决方法&#x...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
Azure构建流程(Power... 这可能是由于配置错误导致的问题。请检查构建流程任务中的“发布构建制品”步骤,确保正确配置了“Arti...