應用公園3.0小程序（xù）產品（pǐn）控件使（shǐ）用教程

產品模塊主要用於商品的展示以及（jí）交易。

1.先新建好一個新的頁麵，然後（hòu）再添加產品的模塊。添加好產品模塊後，即可到運營管理的產（chǎn）品商品管理裏添（tiān）加產品

關於（yú）支付寶KEY的申請方法（必須申請的是APP支付功能，其他均（jun1）不行）請點擊此鏈（liàn）接

https://b.alipay.com/signing/productDetail.htm?productId=I1011000290000001002

申請好（hǎo）APP支付功（gōng）能後，您還需（xū）要通過支付寶的（de）兩（liǎng）個教程，進行私鑰和公鑰的獲取和上傳。（不用怕，雖然裏麵到處都是（shì）代碼，但是完全不需要（yào）自己去敲代碼。隻要（yào）按照教程中複製進去即可）

（如何生成RSA密（mì）鑰）

https://doc.open.alipay.com/doc2/detail?treeId=58&articleId=103242&docType=1

openSLL安裝包下載地址

http://down.xcydp.com/app/download/openssl.rar

因為會生（shēng）成兩（liǎng）個私鑰和一個公鑰，我們（men）下一步用到的是PKCS8格式的私鑰。（請不要將（jiāng）這個私鑰（yào）填（tián）寫在應用（yòng）公園的管（guǎn）理後台（tái），後台填寫的是PKCS8格式私鑰（yào）。）

（如何上傳公鑰）

https://doc.open.alipay.com/docs/doc.htm?spm=a219a.7386797.0.0.bZaZFE&treeId=58&articleId=103578&docType=1

如果不上傳公（gōng）鑰到支付寶，應用是無法使用支付功能的。在“合作（zuò）夥（huǒ）伴密鑰管理”下RSA加（jiā）密裏的支付（fù）寶公鑰才（cái）是我們這（zhè）邊需要的，千萬不要選擇開發者公鑰。

填寫的私鑰和公鑰都必須是一行，私鑰填（tián）寫的是PKCS8格式私鑰，公鑰填寫的是支（zhī）付寶公鑰（yào）。不允許有注釋、空格、換行等。請自（zì）行將這（zhè）些去除（chú）。

使用微信支付，需要滿足微信官方要求（qiú）的（de）以下條件：

1.必（bì）須是企業，個體工商（shāng）戶及個人均不行。

2.需（xū）要支付給微（wēi）信開放（fàng）平台300元/年的開發（fā）者資格認證費用。

3.微信官方要求一個應用隻允許申（shēn）請一個微信收款賬號，因（yīn）此店鋪（pù）的（de）微信支付賬號均會保持一致。

微信（xìn）支（zhī）付（fù）申請地址（zhǐ）：https://open.weixin.qq.com

申請流程：

1.1.登陸微信（xìn）開放平台

1.2.在賬（zhàng）號中心申請開發者資格認證（需已經具（jù）備微信分享功能才可進行微信支付開通）

1.3.管理中心創建（jiàn）移動應用，創建完成提交審核。

1.4.通過後在管理中心找到該應用（yòng），點擊右側查看。

1.5.頁麵上方獲取到微信appid

1.6.頁麵下方微信支付，申請開通

1.7.開通成功後，會收到郵件，郵件中有微信（xìn）商戶號及微（wēi）信API密鑰（yào）——將相關信息填寫到運營管理平台上即可。

（如（rú）果已經申請過微信分享的應用直接從第6歩開始即可，沒有申請開發者資格認證（zhèng）的需要申請認證）

2.點擊新建商品源默（mò）認為（wéi）自營的店鋪直接點擊確定，新建好（hǎo）產品源後再添加產品。點擊商品源設置把帶有星號的選項填（tián）寫完（wán）整

3.建立好商品源後，可以開始建立（lì）商品分類了。我在這個商品中（zhōng）建立了2個分類，分（fèn）別為“演示一”、“演示二”。如果（guǒ）想要刪除您建立的分類，直（zhí）接（jiē）點擊（jī）分類後麵的刪除按鈕，同時也（yě）可以修改該分（fèn）類的名稱。（排序的數（shù）值越小越靠前）這（zhè）些都（dōu）建好後，就點擊（jī）商品列表“新（xīn）建商品”，開始添加商品了。

4.按照需求將產（chǎn）品信息填寫好，發布即可。產（chǎn）品描述中的圖片寬度最大應為640像素。該（gāi）頁麵上傳的所有圖片均應控製在600KB以內。

如果商品（pǐn）中涉及到團購的可以選擇虛擬產品

5.產品建立完（wán）成之後，回到製作頁麵，獲取產品源展（zhǎn）示（shì），產品可設置顯示全部類型/不顯示（shì）全部類型。顯示（shì）模式-卡片/列表樣式。同時模塊樣式裏可以調節模塊的上、下、左、右間距

更新時間（jiān） 2017-10-31 18:29:13