提交 eb06eae9 编写于 作者: DCloud_iOS_WZT's avatar DCloud_iOS_WZT

文档排版优化

上级 ae60e34f
......@@ -5,69 +5,56 @@
#### 创建应用
1.打开[Facebook开发者中心](http://developers.facebook.com/)
2.点击右上角"我的应用"
* 打开[Facebook开发者中心](http://developers.facebook.com/)
* 点击右上角"我的应用"
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/9e3ba994-95b0-46d6-9e40-0c18b9fac5d3.png)
3.进入应用管理界面,点击"创建应用"
* 进入应用管理界面,点击"创建应用"
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/0d96a58b-e31d-4f86-9372-dd84249a498b.png)
4.根据需要选择应用产品的类型(应用类型详见"详细了解应用类型"),然后点击继续
* 根据需要选择应用产品的类型(应用类型详见"详细了解应用类型"),然后点击继续
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/a940cfc2-8e8c-44cf-9334-56cb282d4f52.png)
5.填写应用信息
* 填写应用信息
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/57f5f5c0-27ca-4aa7-9e68-fb051c8afccb.png)
6.创建完成后即可获取应用的应用编号(即appID)
7.为应用添加登录功能
* 创建完成后即可获取应用的应用编号(即appID)
* 为应用添加登录功能
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/4e7ad147-e4ce-40eb-a1b0-2381bdc53813.png)
#### 设置登录-iOS
1.我的应用--设置--基本,选择添加平台,选择iOS
* 我的应用--设置--基本,选择添加平台,选择iOS
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/cebc70d2-da0e-4708-9d05-d5f5d80de1ca.png)
2.填写信息保存即可
* 填写信息保存即可
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/70038074-8c3a-4db8-99ab-49e14b951c79.png)
#### 设置登录-Android
我的应用--设置--基本,选择添加平台
* 我的应用--设置--基本,选择添加平台
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/a8fe2779-1142-452b-a4b0-f4bd61695770.png)
选择android平台,应用商店选择Google Play
* 选择android平台,应用商店选择Google Play
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/afa346b7-a001-47b1-9c7e-914074153ac3.png)
填写必要的包名和散列信息,类名是固定的。如图
* 填写必要的包名和散列信息,类名是固定的。如图
散列的获取方法,参考文档:
https://developers.facebook.com/docs/facebook-login/android 第六小节
如果获取到的散列位数不对,需要找台linux/mac 计算机。
使用下面的命令获取
keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/4c59adf0-cb40-41d7-95d4-e26102aeacd9.png)
......@@ -75,6 +62,5 @@ keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst
#### 应用权限
使用Facebook登录需开启"public_profile"以及"email"的访问权限
点击"应用审核"-"权限和功能",开启"public_profile"以及"email"的高级访问权限
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/28dac1d2-f714-4477-a5c8-dd2e1b894894.png)
......@@ -6,41 +6,28 @@
#### Android开通步骤
2.1 打开Google 登录引导页
* 打开Google 登录引导页
网址: https://developers.google.com/identity/sign-in/android/sign-in?hl=zh-cn
2.2 选择项目配置
* 选择项目配置
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/636a9bd3-77d7-4539-b46c-0c798eb49350.png)
点击后出现项目与应用选择界面,
如果你有已创建过的Firebase项目,可以直接选择。
如果没有,可以选择新建一个Google Api 项目。
点击后出现项目与应用选择界面,如果你有已创建过的Firebase项目,可以直接选择。如果没有,可以选择新建一个Google Api 项目。
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/f206ec8a-c82d-41f4-9e6d-d838e21a4857.png)
选择项目后,在该项目下新建一个应用
* 选择项目后,在该项目下新建一个应用
选择应用平台 android
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/09c5a8aa-c698-4133-9a11-d73d59e37da5.png)
需要填写应用的包名和sha1指纹
指纹的获取方法在界面上有提示。按照提示操作即可。
需要填写应用的包名和sha1指纹,指纹的获取方法在界面上有提示。按照提示操作即可。
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/d14feca3-94b5-467e-b197-d98b866072bc.png)
点击创建,即可完成开通步骤。
#### iOS开通步骤
3.1 打开[Google登录iOS引导页](http://developers.google.com/identity/sign-in/ios/start-integrating?hl=zh-cn)
3.2 点击创建OAuth客户端ID,填写项目名称
* 打开[Google登录iOS引导页](http://developers.google.com/identity/sign-in/ios/start-integrating?hl=zh-cn)
* 点击创建OAuth客户端ID,填写项目名称
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/1978e9aa-5e11-4586-9caf-1c1b7c3e71bd.png)
3.3 选择iOS平台、填写BundleID后,点击CREATE,即可获取Client ID
* 选择iOS平台、填写BundleID后,点击CREATE,即可获取Client ID
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/26045e0b-b6f0-4c22-aa61-0d63120e1a4b.png)
......@@ -48,43 +48,43 @@ iap.requestOrder(ids, function(e) {
#### 应用内发起支付
* uni-app项目示例
``` js
var restoreFlag = true;
uni.requestPayment({
provider: 'appleiap',
orderInfo: {
productid: productId,
username: "appusername", // 用户标识
optimize: true // 设置 optimize: true 解决丢单问题
},
success: (e) => {
// 支付成功清除标记 restoreFlag = false
// 支付成功,result 为 IAP商品交易信息对象 IAPTransaction 需将返回的支付凭证传给后端进行二次认证
restoreFlag = false;
},
fail: (e) => {
// 支付失败的时候需要调用一下 restoreComplateRequest 方法
restoreComplateRequest()
},
complete: () => {
console.log("payment结束")
}
})
var restoreFlag = true;
uni.requestPayment({
provider: 'appleiap',
orderInfo: {
productid: productId,
username: "appusername", // 用户标识
optimize: true // 设置 optimize: true 解决丢单问题
},
success: (e) => {
// 支付成功清除标记 restoreFlag = false
// 支付成功,result 为 IAP商品交易信息对象 IAPTransaction 需将返回的支付凭证传给后端进行二次认证
restoreFlag = false;
},
fail: (e) => {
// 支付失败的时候需要调用一下 restoreComplateRequest 方法
restoreComplateRequest()
},
complete: () => {
console.log("payment结束")
}
})
```
* 5+App项目示例
``` js
// restoreFlag 标记,用于判断在页面显示的时候是否需要调用 restoreComplateRequest 方法
var restoreFlag = true; // 调用支付接口时标记 restoreFlag = true , 实际应用请将标记存储在 storage 中
plus.payment.request(iap, {
productid: "商品id",
username: "appusername", // 用户标识
optimize: true // 设置 optimize: true 解决丢单问题
}, function(result) {
restoreFlag = false; // 支付成功清除标记 restoreFlag = false
// 支付成功,result 为 IAP商品交易信息对象 IAPTransaction 需将返回的支付凭证传给后端进行二次认证
}, function(e) {
// 支付失败的时候需要调用一下 restoreComplateRequest 方法
restoreComplateRequest()
});
// restoreFlag 标记,用于判断在页面显示的时候是否需要调用 restoreComplateRequest 方法
var restoreFlag = true; // 调用支付接口时标记 restoreFlag = true , 实际应用请将标记存储在 storage 中
plus.payment.request(iap, {
productid: "商品id",
username: "appusername", // 用户标识
optimize: true // 设置 optimize: true 解决丢单问题
}, function(result) {
restoreFlag = false; // 支付成功清除标记 restoreFlag = false
// 支付成功,result 为 IAP商品交易信息对象 IAPTransaction 需将返回的支付凭证传给后端进行二次认证
}, function(e) {
// 支付失败的时候需要调用一下 restoreComplateRequest 方法
restoreComplateRequest()
});
```
#### 恢复购买
......@@ -103,18 +103,18 @@ restoreComplateRequest作用描述:
#### 丢单检测
* uni-app 在页面 onShow 方法中调用 restoreComplateRequest
``` js
onShow() {
if(restoreFlag) {
restoreComplateRequest()
}
}
onShow() {
if(restoreFlag) {
restoreComplateRequest()
}
}
```
* 5+App 在 resume 回调中调用 restoreComplateRequest
``` js
document.addEventListener('resume',function(){
if(restoreFlag) {
restoreComplateRequest()
}
},false);
document.addEventListener('resume',function(){
if(restoreFlag) {
restoreComplateRequest()
}
},false);
```
......@@ -4,6 +4,7 @@
#### 配置
在manifest.json文件“App模块配置”项的“Payment(支付)”下,勾选“stripe支付”项并添加配置
![](https://partner-dcloud-native.oss-cn-hangzhou.aliyuncs.com/images/uniapp/payment/stripe_setup_manifest_info.png)
配置说明:returnURL(只需配置iOS),格式为'your-app://stripe'(示例 hbuilder://stripe),'your-app'为应用的自定义scheme,参考:[配置一个自定义页面内跳转协议 (URL Scheme)](https://ask.dcloud.net.cn/article/64) #### 服务器生成订单
服务器生成支付订单[参考stripeAPI](https://stripe.com/docs/payments/accept-a-payment)
......
......@@ -7,6 +7,8 @@
#### 配置
在manifest.json文件“App模块配置”项的“Payment(支付)”下,勾选“微信支付”项
![](https://partner-dcloud-native.oss-cn-hangzhou.aliyuncs.com/images/uniapp/payment/wxpay_setup_manifest_info.png)
* appid填写'开通'中的应用AppID
* 通用链接参考[生成iOS通用链接](https://uniapp.dcloud.io/api/plugins/universal-links)
#### 服务器生成订单
通过服务器生成支付订单,参考:[微信支付示例(PHP)](https://github.com/dcloudio/H5P.Server/tree/master/payment/wxpayv3)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册