? 本文主要介紹uni-app項目中如何實現(xiàn)支付功能（支付寶支付、微信支付），及項目如何打包上傳。

為三臺等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及三臺網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站設(shè)計、三臺網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！一、實現(xiàn)支付

? 前置工作，項目要實現(xiàn)支付功能，首先要在根目錄manifest.json文件內(nèi)App模塊配置中進(jìn)行設(shè)置。

其中，appid需要登錄微信開放平臺加移動應(yīng)用，審核通過后可獲取應(yīng)用ID（AppID，支付訂單中需要使用）。

1.1 支付寶支付

登錄 支付寶開放平臺 ，進(jìn)入控制臺頁面創(chuàng)建移動應(yīng)用，填寫應(yīng)用信息并提交審核，在應(yīng)用詳情頁面的能力列表中添加APP支付功能，進(jìn)入開發(fā)設(shè)置完成加密方式、IP白名單等開發(fā)信息，設(shè)置添加功能和配置密鑰后（獲取公鑰、私鑰，用于服務(wù)器生成訂單），將應(yīng)用提交審核，詳情參考上線應(yīng)用應(yīng)用上線后，完成簽約才能在生產(chǎn)環(huán)境使用支付功能。

? 主要步驟如下：

1.獲取支付廠商 uni.getProvider({service:"payment"})；

2.用戶發(fā)起支付 requestPayment(item,index){}；

3.獲取訂單信息 getOrderInfo(item.id)；

4.發(fā)起支付api。

詳細(xì)代碼如下：

1.2 微信支付

? 實現(xiàn)微信支付除了在微信平臺獲取appid外，還需要使用商戶號和登錄密碼登錄微信商戶平臺，進(jìn)入 “賬戶中心” >“API安全” >“設(shè)置APIv2密鑰” 設(shè)置API密鑰（用于服務(wù)器生成訂單），詳情參考API證書及密鑰。沒有商戶號，此步驟就不演示了，重點放在實現(xiàn)支付的代碼上。

? 主要步驟如下：

1. 用戶點擊發(fā)起支付 async weixinpay()；

2. 獲取openid 本地||loginMPweixin；

? 2.1?獲取code uni.login()；

? 2.2?獲取openid uni.request({})；

3.?獲取訂單信息 this.getOrderInfo('wxpay')；

4.?根據(jù)訂單信息發(fā)起支付 uni.requestPayment({...orderInfo})。

詳細(xì)代碼如下：

二、項目打包上傳

? 這是uni-app項目上線的最后一步，本著一處編碼，多端使用的突出優(yōu)勢，項目打包有以下幾種方式。

2.1 H5端打包上傳

配置相對地址 manifest.json web配置 運行的基礎(chǔ)路徑?

修改完后，點擊工具欄->發(fā)行->網(wǎng)站pc web或手機(jī) 。

彈出彈窗，修改網(wǎng)站標(biāo)題于網(wǎng)站域名（網(wǎng)站域名取對應(yīng)項目的域名，一般為https/http開頭）填完后直接點擊發(fā)行。

發(fā)行成功后，在項目根目錄下會自動生成unpackage文件夾，unpackage -->dist -->build -->h5 文件夾， 在外部資源中打開，將 h5 文件夾打包成 zip 格式，然后給到運維，運維會幫忙發(fā)布到服務(wù)器，發(fā)布成功后，運維會給你一個屬于 h5 項目的域名 https://xxxx.xxx.com/app/ 拿取H5域名去拼接頁面，就能在瀏覽器中打開對應(yīng)的頁面了。?

2.2 微信小程序打包上傳

? 主要步驟有以下幾個方面：

1. 配置id ?manifest.json 微信小程序配置

2. 單擊發(fā)行 發(fā)行->小程序微信

3.?進(jìn)入小程序上傳小程序右上角上傳（先測試，真機(jī)測試）

4. 微信提交審核 (mp.weixin.qq.com),進(jìn)入網(wǎng)站，版本管理-->審核-->審核通過發(fā)布，一定要認(rèn)真填寫隱私協(xié)議，至關(guān)重要，否則大部分時間要花費在這一步上。

5. 網(wǎng)絡(luò)請求配置域名必須是https開頭,?開發(fā)管理-->服務(wù)器設(shè)置-->服務(wù)器域名

? request合法域名：uni.request,wx.request 請求的域名必須事先定義好；

? uploadFile合法域名：如果有上傳也要配置上傳的域名；

? downloadFile合法域名：配置下載域名。

2.3 應(yīng)用商店打包上傳

? 當(dāng)前主流的應(yīng)用商店有華為、oppo、vivo、小米等。在眾多應(yīng)用商店中，目前僅華為一家允許個人身份進(jìn)行上傳App，其他商店都需要公司身份。打包上傳需要提供app的版權(quán)證明；在這個過程中最重要的是應(yīng)對國家的隱私條例，以及應(yīng)用商店的隱私審核。

? 主要步驟有以下幾點：

1. 在manifest.json中進(jìn)行設(shè)置

App圖標(biāo)配置

2. 發(fā)行-->源生app-云打包

3.勾選打包配置

4. 點擊打包，在控制臺中查看進(jìn)度

5.?點擊鏈接下載 apk 的安裝包，并安裝到 Android 手機(jī)中查看打包的效果。?

? 如果整理的內(nèi)容對你有用，歡迎收藏轉(zhuǎn)發(fā)。

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

分享名稱：uni-app實現(xiàn)支付及項目打包上傳-創(chuàng)新互聯(lián)
本文鏈接：http://weahome.cn/article/cogdis.html