Cordova打包的Vue项目在IOS无法拉起支付宝和微信支付

最新推荐文章于 2021-12-01 16:12:53 发布
最新推荐文章于 2021-12-01 16:12:53 发布
阅读量1.9k 收藏 2
点赞数
分类专栏： 前端那些骚操作 文章标签： cordova
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/83500923
版权

背景

在用Cordova打包Vue项目并添加IOS平台时，在服务器后台没有报异常，且支付宝以及微信的调用的链接在

浏览器中能正常调用时，此时查看Cordova项目下的config.xml文件。

解决

打开config.xml文件

加入：

 <allow-intent href="weixin:*" />
 <allow-intent href="alipays:*" />

霸道流氓气质
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue项目+hbuilder打包实现微信支付
09-30
vue项目+hbuilder打包实现微信支付
VUE编写的H5页面在app微信支付结果回调无法响应的问题！
lyf976229437的博客
10-21 1230
在编写的H5页面在手机app中出现一个问题，运行微信支付之后会发一个结果回调通知给H5页面，往往我们在组件内部写好的方法是无法响应的。 例如以下情况： ———————————————————— 在组件内部的script标签内或者methods内是无法响应的。 而把响应方法写在main.js中，注册在浏览器的window对象是可以响应的！ window.onPayResult = function (code) { alert("按键code="+code); if (code == 0) {
cordova对接微信支付插件cordova-plugin-wechat报普通错误（BaseResp.ErrCode.ERR_COMM）
一一
10-22 528
控制台打印报错普通错误，查看插件代码public static final String ERROR_WECHAT_RESPONSE_COMMON = "普通错误"; 和 case BaseResp.ErrCode.ERR_COMM:ctx.error(Wechat.ERROR_WECHAT_RESPONSE_COMMON);可能是包名及签名不一致造成的，然后和后端对了下确实不一样。 包名就是confog.xml里面的id好说，可这个签名怎么看呢，而且cordova run 和cordova build.
ios10以下版本无法打开vue页面
guanguan0_0的博客
07-04 4039
使用vue开发公众号的时候遇到，在安卓系统打开页面正常，ios10以上也是正常，但是ios9打开空白。原因是es没有完全被解析。 修改webpack.base.conf.js: entry: { app: ['babel-polyfill', './src/main.js'] }, module: { rules: [ { test...
ionic-cordova 微信支付插件
weixin_30832405的博客
02-17 174
cordova-plugin-wechat A cordova plugin, a JS version of Wechat SDK Feature Share title, description, image, and link to wechat moment(朋友圈) Example See cordova-plugin-wechat-example Install ...
仿微信IM（Thinkphp后端+Uniapp前端）.zip
11-03
接下来是Uniapp，它是由H5Plus和Cordova整合而成的多端开发框架，支持编写一次代码，跨平台运行，包括iOS、Android、Web以及小程序等多个平台。在本项目中，Uniapp用于构建类似微信的前端界面，提供用户友好的交互...
jdf-phone-ui：:vulcan_salute:前端混合开发集成框架（cordova插件，微信，H5）
02-04
jdf-phone-ui移动端框架组件 前期准备 项目依赖node如果没有安装node的同事，请自行去官网下载安装： 仔细阅读开发规范： 开发注意点： 组件配置参数说明： iosApp下载地址： ...# 编译打包项目 npm run build #
vue使用vux做移动UI
11-01
在描述中提到了使用Cordova将Vue项目打包成iOS和Android应用。Cordova是一款开源的移动应用开发框架，允许使用HTML、CSS和JavaScript编写跨平台的原生移动应用。首先，你需要安装Cordova和对应的平台工具，如： ``` ...
移动HybridApp实战与架构与微信应用号开发教程
11-16
微信小程序使用了类似Vue.js的开发模式，提供了丰富的API接口和组件库，让开发者能快速构建功能。 5. **微信小程序开发**：开发微信小程序涉及到WXML（微信小程序的标记语言）、WXSS（微信小程序的样式语言）以及...
一个使用Vue.js的跨平台框架.zip
最新发布
02-28
uni-app 提供了丰富的API接口和组件，使得开发者可以编写一次代码，然后在多个平台上运行，包括微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ小程序、H5页面以及原生Android和iOS应用。 "uni-app_dev....
cordova-plugin-payments-wechatpay:Cordova 微信支付插件
04-29
微信支付 cordova 插件 支持ios, android 开通服务: 安装 cordova plugin add cordova-plugin-payments-wechatpay --variable PAYMENT_WECHAT_APP_ID=你的ID --save 或 ionic cordova plugin add cordova-plugin-payments-wechatpay --variable PAYMENT_WECHAT_APP_ID=你的ID 相关依赖 cordova plugin add cordova-plugin-cocoapod-support --save 或 ionic cordova plugin add cordova-plugin-cocoapod-support 使用方法 打开支付页面 window.Wechatpay.pay({ // .
Android-原生sdk支持微信登陆分享支付支付宝登录和支付微博登录和分享qq登录和分享
08-13
原生sdk 支持微信登陆 分享 支付 支付宝登录和支付， 微博登录和分享， qq 登录和分享
cordova 支付_cordova微信支付那点坑（cordova-plugin-wechat）
weixin_42216454的博客
01-30 1079
cordova微信支付那点坑移动互联网盛行的当下，移动app开发也是大受追捧。目前移动app开发的方式有很多，除了原生的android，ios开发之外，react-native，weex，apicloud，hbuilder等都可以做。而对于一些没有用过这些工具的开发人员来说，有没有别的方式呢，答案是肯定的。vue/react+corodva也可以完美开发出一款完美的移动端app产品。借助vue/r...
Cordova 调用微信SDK,实现微信支付、微信分享、微信登录、打开微信小程序
m0_37609394的博客
12-01 4038
Cordova 微信支付 Cordova 微信分享 Cordova 微信打开小程序 Cordova 微信登陆 cordova plugin add cordova-plugin-wechat-chenyu --variable WECHAT_APPID=[your key]
微信支付、支付宝支付（cordova，ionic3）
fish_dw的博客
08-01 758
具体参考：https://openclub.alipay.com/read.php?tid=6918&fid=60&page=1
微信APP支付
zy_js的专栏
01-17 1540
微信APP支付 说明：此微信支付前端使用的是Angularjs，ionic ，微信支付插件是cordova-plugin-wechat（插件下载地址：https://github.com/xu-li/cordova-plugin-wechat）； 一、微信APP支付步骤 1.进入微信开放平台https://open.weixin.qq.com/注册； 2.登录进去创建移动应用，填写应用签名
cordova-plugin-wechat插件的使用
热门推荐
拼搏的夏目
02-08 1万+
项目目前使用到的是微信支付和微信登录。 github上作者demo https://github.com/xu-li/cordova-plugin-wechat一、准备 1.微信开发者平台-创建移动应用 安卓需要绑定签名和包名，ios绑定BundleID 2.第一步申请通过之后就可以进行分享和授权了，如果还需要微信支付需要进一步申请。 二、使用 1.登录 var scope = “sn
cordova 微信支付
大树之殇的博客
03-27 7286
cordova 微信支付1、用到的插件： 地址：https://github.com/xu-li/cordova-plugin-wechat 安装方式：cordova plugin add cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPID 2、申请微信app支付功能说明： （1）、微信公众号支付，进入微信公众平台:http
Cordova集成支付宝支付
shooter32的专栏
12-21 7673
申请帐号首先你需要从这个网站支付宝商家页面申请帐号，然后签约无线支付。中间需要经历实名认证，对公帐号认证等等认证，全部成功之后会收到短信通知告诉你预约成功。上传RSA公钥 按照这个网页的说明生成RSA公钥 然后把生成好的RSA公钥上传到这个支付宝上，参照这个网页 注意上传的时候记住删掉公钥文件前后的—–BEGIN PUBLIC KEY—–和—–END PUBLIC KEY—–，以及空格和换行，否则会
在cordova环境下打包vue项目并调用拍照功能
05-31
你可以尝试使用以下步骤来实现在 Cordova 环境下打包 Vue 项目并调用拍照功能： 1. 在 Cordova 项目根目录下执行以下命令安装 Cordova 插件 Camera： ``` cordova plugin add cordova-plugin-camera ``` 2. 在 Vue 项目中安装 Cordova 插件 Camera 的 TypeScript 类型： ``` npm install --save-dev @types/cordova-plugin-camera ``` 3. 在 Vue 项目的入口文件 main.ts 中添加以下代码： ``` declare var navigator: any; const app = createApp(App); app.config.globalProperties.$takePicture = () => { return new Promise((resolve, reject) => { navigator.camera.getPicture((imageData: string) => { resolve(`data:image/jpeg;base64,${imageData}`); }, (error: any) => { reject(error); }, { quality: 50, destinationType: navigator.camera.DestinationType.DATA_URL }); }); }; app.mount('#app'); ``` 上述代码会将 Cordova 的 Camera 插件添加到 Vue 的全局属性中，以便在 Vue 组件中调用。 4. 在 Vue 组件中调用 `$takePicture` 方法： ``` <template> <div> <button @click="takePicture">Take Picture</button> <img :src="image" v-if="image" /> </div> </template> <script lang="ts"> import { defineComponent, ref } from 'vue'; export default defineComponent({ setup() { const image = ref(''); const takePicture = async () => { try { const imageData = await (window as any).$takePicture(); image.value = imageData; } catch (error) { console.error(error); } }; return { image, takePicture, }; }, }); </script> ``` 上述代码会在 Vue 组件中定义 `$takePicture` 方法的调用，在用户点击“Take Picture”按钮时调用该方法。调用成功后，图片的 base64 编码会被设置到 Vue 组件的 `image` 变量中，并渲染到页面上。 以上是一个简单的实现，在实际开发中你可能需要进行更多的配置和调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

霸道流氓气质

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值