這篇文章為大家總結(jié)分享一些小程式開發(fā)中實用的小知識，希望對大家有幫助！

了解小程式的渲染原則

背景

#在網(wǎng)頁開發(fā)中，由於js是單執(zhí)行緒的，所以有時候會出現(xiàn)長時間運行腳本，導(dǎo)致頁面失去回應(yīng)。 頁面渲染目前有三種方式：

• 純客戶端原生技術(shù)渲染
• 純web技術(shù)渲染
• Hybrid渲染，即web和native渲染結(jié)合的方式

在小程式中，選擇了Hybrid的渲染方式，將邏輯層和視圖層分開，使用雙執(zhí)行緒的方式運行，使用webView渲染視圖層的介面，邏輯層運行在JSCore中。

小程式的雙執(zhí)行緒模型：

• 邏輯層：建立一個單獨的執(zhí)行緒去執(zhí)行javascript，在這裡執(zhí)行的都是有關(guān)小程式業(yè)務(wù)邏輯的程式碼，負(fù)責(zé)邏輯處理，資料請求，介面呼叫。
• 視圖層：介面渲染都在webView執(zhí)行緒裡執(zhí)行，透過邏輯層程式碼控制渲染哪些介面
• jsBridge：讓小程式可透過API使用原生的功能

你真的了解appId，uniId，openId之間的連結(jié)麼

openID

openID是微信公眾平臺為用戶同一分配的，眾所周知，微信小程式和微信公眾號都是維護在微信公眾平臺上的，每個公眾號和小程式為了區(qū)分用戶，為每個用戶都產(chǎn)生了唯一的openID

UnionID

UnionID是微信開放平臺給微信用戶分配的ID。 在同一個開放平臺下的應(yīng)用，微信用戶會有唯一的UnionID

例如：你公司有兩個應(yīng)用，小程式A和微信公眾號B，A和B的用戶資訊需要打通，可以將A和B兩個應(yīng)用程式綁定到同一個開放平臺下，微信開放平臺會給微信用戶產(chǎn)生一個唯一的UnionID，在授權(quán)登入註冊後，將UnionID儲存在用戶表裡，以後從同一開放平臺下的其他應(yīng)用程式授權(quán)登入拿到UnionID後，就可以直接回傳使用者訊息，

##AppID

## AppID是不同應(yīng)用的唯一識別例如：你公司有1個小程序，一個公眾號兩個應(yīng)用，AppId就是這兩個應(yīng)用的唯一標(biāo)識

#帶你一起總結(jié)小程式的跳躍能力，方便隨時接受領(lǐng)導(dǎo)檢定

今天一朋友跟我吐槽，他現(xiàn)處於一個中小型公司，老闆們在會議室開會，大頭目有個問題就是關(guān)於小程式跳轉(zhuǎn)的。一個不知道負(fù)責(zé)哪塊的領(lǐng)導(dǎo)A出來，先是問了運維，然後又問了後端java大大。 java大大說這屬於前端範(fàn)疇，他們更清楚點，領(lǐng)導(dǎo)A聽後直接說了句，前端知道啥，然後走進會議室，跟大boss反饋，沒人知道。他之前跟我說他們公司前端地位低，這是真的低啊

h5跳轉(zhuǎn)小程式

• • 產(chǎn)品：小羊，我們這個公眾號點擊這個按鈕需要跳到某某某小程式上去。這個功能必須實現(xiàn)
• 好咯需求有了，開始給方案唄
  • 方案一：點擊按鈕，給個彈框，彈框裡放個二維碼。引導(dǎo)使用者長按識別
操作流程場，使用者轉(zhuǎn)換率低，大部分使用者基本上就懶得操作了

方案二：使用微信的開放標(biāo)籤wx -open-launch-weapp

可以跳到任意合法合規(guī)的小程式（感覺這個功能後面會有更多限制出來）

• 經(jīng)過和產(chǎn)品討論，第二種方案更適合點，開整：

步驟：

已認(rèn)證的服務(wù)號，服務(wù)號綁定「js介面安全域名」下的網(wǎng)頁可使用此標(biāo)籤跳轉(zhuǎn)任一合法合規(guī)小程式

###引入js檔?https://res.wx.qq.com/open/js/jweixin-1.6.0.js## ####透過config介面注入權(quán)限配置，並透過openTagList欄位申請所需的開放標(biāo)籤######

wx.config({
  debug: false,
  appId: '',   // 公眾號唯一標(biāo)識
  timestamp: '',  // 生成簽名的時間戳
  nonceStr: '',   // 生成簽名的隨機串
  signature: '',  // 簽名
  jsApiList: ["wx-open-launch-weapp"],
  openTagList: ["wx-open-launch-weapp"] // 微信開放標(biāo)簽 小程序跳轉(zhuǎn)按鈕：<wx-open-launch-weapp>
});
// 通過ready處理成功驗證
wx.ready(function () {
  console.log(&#39;ready&#39;)

})
// 處理失敗驗證
wx.error(function(error) {
  console.error("err", error);
});

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index?user=123&action=abc"
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打開小程序</button>
  </script>
</wx-open-launch-weapp>

######微信客服訊息中帶跳轉(zhuǎn)小程式連結(jié)#######

文本內(nèi)容....<a href=&#39;&#39; data-miniprogram-appid=&#39;{{appid}}&#39; data-miniprogram-path=&#39;pages/index/index&#39;>點擊跳小程序</a>

• data-miniprogram-appid填寫小程序鏈接，表示跳轉(zhuǎn)小程序
• data-miniprogram-path 小程序路徑，可帶參數(shù)
• 公眾號必須和小程序相關(guān)聯(lián)
• 鏈接中的各個屬性值必須使用單引號

小程序跳轉(zhuǎn)小程序

wx.navigateToMiniProgram({
    envVersion: 'release', // 要打開的小程序版本，develop: 開發(fā)版，trial：體驗版，release：正式版。僅在當(dāng)前小程序為開發(fā)版或體驗版時此參數(shù)有效。
    appId: ’‘, // 跳轉(zhuǎn)appid
    path: ’‘  //  跳轉(zhuǎn)路徑
})

• 需要用戶手動觸發(fā)
• 需要用戶確認(rèn)跳轉(zhuǎn)

【相關(guān)學(xué)習(xí)推薦：小程序開發(fā)教程】

以上是總結(jié)分享一些小程式開發(fā)中實用的小知識的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！