小程序第三方開(kāi)發(fā)平臺(tái)實(shí)例分析

這篇文章主要介紹“小程序第三方開(kāi)發(fā)平臺(tái)實(shí)例分析”，在日常操作中，相信很多人在小程序第三方開(kāi)發(fā)平臺(tái)實(shí)例分析問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”小程序第三方開(kāi)發(fā)平臺(tái)實(shí)例分析”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

概述

同開(kāi)發(fā)普通的小程序不同，開(kāi)發(fā)第三方平臺(tái)小程序具有一定的復(fù)雜性，首先需要確認(rèn)三個(gè)概念：

• open3rd：第三方平臺(tái)，是小程序官方認(rèn)可的第三方開(kāi)發(fā)商 詳情

• 3rdMiniProgramAppid：第三方平臺(tái)申請(qǐng)的并綁定在該平臺(tái)上的小程序，用于開(kāi)發(fā)小程序模板

• extAppid：授權(quán)給第三方平臺(tái)的小程序

因?yàn)橐陨系倪@些不同，第三方平臺(tái)相關(guān)的小程序開(kāi)發(fā)需要做一些特殊的處理：

• 小程序模板的開(kāi)發(fā)

• 小程序模板結(jié)合 extAppid 的開(kāi)發(fā)調(diào)試

最新版本的開(kāi)發(fā)工具支持第三方平臺(tái)小程序的開(kāi)發(fā)和預(yù)覽。

創(chuàng)建項(xiàng)目

與開(kāi)發(fā)普通小程序一致，第三方平臺(tái)開(kāi)發(fā)者填入相關(guān)的 3rdMiniProgramAppid ，設(shè)定項(xiàng)目名稱(chēng)和選擇項(xiàng)目目錄即可創(chuàng)建項(xiàng)目。

對(duì)于第三方平臺(tái)小程序，可以在項(xiàng)目頁(yè)卡查看到相關(guān)的 open3rd 信息以及當(dāng)前的第三方的 3rdMiniProgramAppid ，如若項(xiàng)目配置了相關(guān)的 extAppid ，那么項(xiàng)目頁(yè)卡中也會(huì)有相關(guān)信息。

小程序模板開(kāi)發(fā)

與開(kāi)發(fā)普通小程序一致，開(kāi)發(fā)者在開(kāi)發(fā)工具上開(kāi)發(fā)好相關(guān)的業(yè)務(wù)邏輯之后，在項(xiàng)目頁(yè)卡中提交預(yù)覽既可以在微信中查看小程序的真實(shí)表現(xiàn)。

有所不同的是，第三方平臺(tái)小程序的提交上傳是上傳至該第三方平臺(tái)的 open 帳號(hào)下的模板草稿箱中，該平臺(tái)的管理員需要自行對(duì)該模板進(jìn)行相應(yīng)的設(shè)置，更多請(qǐng)參考 開(kāi)放平臺(tái)的文檔 。

extAppid 的開(kāi)發(fā)調(diào)試

為了方便第三方平臺(tái)的開(kāi)發(fā)者引入 extAppid 的開(kāi)發(fā)調(diào)試工作，需要引入 ext.json 的概念。

ext.json 是一個(gè)配置文件，放置在小程序項(xiàng)目的根目錄下。

以下是一個(gè)包含了所有配置選項(xiàng)的 ext.json ：

{  "extEnable": true,  "extAppid": "wxf9c4501a76931b33",  "ext": {"name": "wechat","attr": {      "host": "open.weixin.qq.com",      "users": ["user_1","user_2"  ]
    }
  },  "extPages": {"pages/logs/logs": {      "navigationBarTitleText": "logs"}
  },  "window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "Demo","navigationBarTextStyle":"black"
  },  "tabBar": {"list": [{      "pagePath": "pages/index/index",      "text": "首頁(yè)"}, {      "pagePath": "pages/logs/logs",      "text": "日志"}]
  },  "networkTimeout": {"request": 10000,"downloadFile": 10000
  }
}

ext.json中的配置字段分為兩種

• 特有的字段

• 同 app.json 相同的字段

特有的字段

extEnable

extEnable 是一個(gè) Boolean 類(lèi)型的字段，用于規(guī)定當(dāng)前的 ext.json 文件是否生效，開(kāi)發(fā)者可以通過(guò)修改這個(gè)字段來(lái)開(kāi)啟和關(guān)閉 extAppid 的結(jié)合開(kāi)發(fā)。

extAppid

extAppid 是授權(quán)調(diào)試的 AppID ，例如開(kāi)發(fā)者在此處填寫(xiě)的是 wxf9c4501a76931b33 那么在 extEnable 為真的情況下，后續(xù)的開(kāi)發(fā)邏輯都會(huì)基于 wxf9c4501a76931b33 來(lái)運(yùn)行。

ext

ext 字段是開(kāi)發(fā)自定義的數(shù)據(jù)字段，在小程序中可以通過(guò) wx.getExtConfigSync 或者 wx.getExtConfig 獲取到這些配置信息。

例如上面的例子中，通過(guò) wx.getExtConfigSync 就可以獲得 ext 字段的所有配置

{  "name": "wechat",  "attr": {"host": "open.weixin.qq.com","users": [      "user_1",      "user_2"]
  }
}

extPages

extPages 是一個(gè)對(duì)象，對(duì)象中的每個(gè) key 應(yīng)該是該小程序模板 app.json 中定義的頁(yè)面，每個(gè) key 對(duì)應(yīng)的 value 是 page.json 中所規(guī)定的各項(xiàng)配置。

當(dāng)開(kāi)發(fā)者設(shè)置這個(gè)配置以后，小程序框架會(huì)對(duì)應(yīng)的修改相對(duì)應(yīng)的 page 的配置信息。

同 app.json 相同的字段

當(dāng) ext.json 中的字段同 app.json 中一致時(shí)，ext.json 的字段會(huì)覆蓋 app.json 中的對(duì)應(yīng)字段，例如以下的 ext.json

{
  ········  "window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "ext navigationBarTitleText","navigationBarTextStyle":"black"
  }
}

那么該小程序最終的 navigationBarTitleText 應(yīng)該是 ext navigationBarTitleText 。

到此，關(guān)于“小程序第三方開(kāi)發(fā)平臺(tái)實(shí)例分析”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！