目前实现了支付宝当面付的扫码支付功能,二维码支付功能,即主动扫和被动扫。测试请使用支付宝沙箱环境,支付宝是沙箱版。
最终效果如下:
前端页面使用阿里的组件,ant-design-vue
通过节点,使用nedb内存数据库进行本地数据存储
程序代码简述
从“进口devtools @vue/devtools '
从“Vue”进口Vue
从“axios”进口axios
导入应用程序从“/App。”
从“进口路由器。/路由器的
从“进口商店。/存储的
从“进口db。/nedb '//订单表
从“ant-design-vue”进口Antd
进口的ant-design-vue/dist/antd.css '
从“进口alipayhelper。/alipayhelper '
从“时刻”//进口时刻导入文件
Vue.prototype。时刻=美元;//赋值使用
Vue.prototype。$ db=db
Vue.prototype。alipayhelper=alipayhelper;
Vue.use (Antd)
如果(! process.env.IS_WEB) Vue.use(要求(vue-electron))
Vue。http=Vue.prototype。$ http=axios
Vue.config。productionTip=false/* eslint-disable没有新*/新Vue ({
组件:{应用},
路由器,
商店,
模板:“& lt; App/祝辞;”
})。山美元(#应用)
alipayhelper。js里存储的支付宝收款方的APPID, pem路径下应用私钥。这些信息可以通过阿里官方申请,即可以在线收款
const path=要求(“路径”);
const fs=要求(fs);
const时刻=要求(“时刻”);
const加密=要求(“加密”);
const电子=要求(“电子”);
const dataPath公司=(电子。应用| | electron.remote.app) .getPath(“用户数据”);
const回家=(电子。应用| | electron.remote.app) .getPath(“回家”);
const appData=https://www.yisu.com/zixun/(electron.app | | electron.remote.app) .getPath (“appData”);
让ALI_PAY_SETTINGS={
APP_ID:“2016100100638328”,
APP_GATEWAY_URL: ' http://localhost ',//用于接收支付宝异步通知
AUTH_REDIRECT_URL:“xxxxxxx ',//第三方授权或用户信息授权后回调地址。授权链接中配置的redirect_uri的值必须与此值保持一致。//__dirname获取当前目录,无法在生产模式assr获取到路径/* APP_PRIVATE_KEY_PATH:路径。加入(__dirname pem, rsa_private_key.pem),//应用私钥
APP_PUBLIC_KEY_PATH:路径。加入(__dirname pem, rsa_public_key.pem),//应用公钥
ALI_PUBLIC_KEY_PATH:路径。加入(__dirname pem, ali_rsa_public_key.pem),//阿里公钥*/APP_PRIVATE_KEY_PATH:路径。加入(__static/pem/rsa_private_key.pem),//应用私钥
APP_PUBLIC_KEY_PATH:路径。加入(__static/pem/rsa_public_key.pem),//应用公钥
ALI_PUBLIC_KEY_PATH:路径。加入(__static/pem/ali_rsa_public_key.pem),//阿里公钥
AES_PATH:路径。加入(__dirname“pem”、“提醒”,“沙盒”,“aes.txt”),//aes加密(暂未使用)
ALI_GATEWAY_URL: https://openapi.alipaydev.com/gateway.do& # 63;,//用于接收支付宝异步通知
};
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
