1. 程式人生 > >微信小程序代碼片段

微信小程序代碼片段

右下角 文件 code 臨時 gpo 自動打開 info log 所有

微信小程序代碼片段是一種可分享的小項目,可用於分享小程序和小遊戲的開發經驗、展示組件和 API 的使用、復現開發問題等等。分享代碼片段會得到一個鏈接,所有擁有此分享鏈接的人可以在工具中導入此代碼片段。如果網頁可點擊的鏈接指向的是分享鏈接,那麽點擊鏈接也會自動打開工具進入代碼片段導入頁。

創建代碼片段

在工具選擇項目的界面中,右側可以選擇代碼片段頁卡,查看所有本地代碼片段,在右下角可以點擊創建代碼片段。

技術分享圖片

創建代碼片段需要填入代碼片段名稱、本地存放目錄。AppID 不是必填項,如果需要演示依賴 AppID 的操作則需填寫。如果存放目錄是空目錄,則可在下方選擇小程序、小遊戲等的快速啟動模板。

技術分享圖片

信息填寫正確後,點擊創建即可完成創建並打開代碼片段。

代碼片段主界面

代碼片段的主界面與普通項目主要有以下幾點區別:

  1. 沒有上傳、騰訊雲和申請測試報告等功能
  2. 詳情頁中會展示上次分享的鏈接,並可以一鍵復制
  3. 代碼片段的快速啟動模板與普通項目的快速啟動模板不同,體積更小,功能更精簡

技術分享圖片

分享代碼片段

在工具欄上點擊分享按鈕即可開啟分享代碼片段的流程,在分享信息中需要填寫以下內容:

  • 項目描述:簡要介紹此代碼片段的功能和目的
  • 是否需要 AppID:如果是,開發者導入代碼片段時會建議其填入 AppID 以完整運行代碼片段
  • 最低庫版本:開發者打開導入的代碼片段時詳情頁的調試基礎庫不會低於指定的版本

分享的小程序代碼片段最大大小為 100KB,小遊戲代碼片段最大為 200KB。

技術分享圖片

分享成功後會展示分享鏈接,可復制分享給其他開發者,其他開發者在工具中選擇導入代碼片段並粘貼鏈接即可導入。

技術分享圖片

分享的鏈接除了可以粘貼到導入頁導入外,還可以設置為可點擊的鏈接。如果 html <a> 標簽的 href 屬性設置為分享的鏈接,如 <a href="wechatide://minicode/76b799966b6ead1837edac517cc02e02">代碼片段示例</a>,則用戶點擊此鏈接時會自動打開工具進入代碼片段導入頁,最後點擊導入即可完成導入。在開發者社區發帖時,如果想要提供 demo 示例,如果想要提供 demo 示例,可以插入一個鏈接為代碼片段分享鏈接的超鏈接。

技術分享圖片

導入代碼片段

在選擇代碼片段的頁面的右下角可以點擊導入進入導入頁,或者點擊菜單欄上的項目選項卡下的導入代碼片段來打開導入頁。導入時需要填寫分享鏈接或代碼片段 ID。鏈接的最後一部分即是代碼片段的 ID,如 wechatide://minicode/76b799966b6ead1837edac517cc02e02 的 ID 為76b799966b6ead1837edac517cc02e02

技術分享圖片

導入時可選擇存放目錄和 AppID。存放目錄默認是在臨時文件夾。

技術分享圖片

微信小程序代碼片段