uni-app開發多端之釘釘小程式

dcloudio發表於2020-11-05

經常有開發者諮詢uni-app是否支援釘釘小程式

答案當然是支援!

本文通過將hello uni-app釋出到釘釘小程式,演示如何使用uni-app開發釘釘小程式

擴充套件釘釘小程式平臺

建立hello uni-app專案後,在專案根目錄下新增或修改package.json,在根節點下新增如下擴充套件配置:

"uni-app": {
    "scripts": {
        "mp-dingtalk": { 
            "title":"釘釘小程式", 
            "env": { 
                "UNI_PLATFORM": "mp-alipay" 
            },
            "define": { 
                "MP-DINGTALK": true 
            }
        }
    }
}

執行到模擬器

HBuilderX會根據package.json的擴充套件配置,在執行選單下,生成釘釘小程式選單,如下圖:

點選釘釘小程式選單,開始編譯,編譯成功後,會自動開啟支付寶開發者工具,展開左側釘釘選單,選擇第三方個人應用,如下圖:

然後點選右上角開啟專案,選擇編譯目錄(類似:%Project_root%/unpackage/dist/dev/mp-alipay/,注意:釘釘小程式複用支付寶小程式的編譯目錄),在接下來的介面中,注意修改專案名稱,並特別注意修改專案型別為“釘釘 - 第三方個人應用”

專案匯入後,支付寶開發者工具會進行編譯載入,並在右側模擬器上顯示,如下:

在右側模擬器上可以點選各頁面進行測試。

發行到釘釘開放平臺

同樣,HBuilderX會根據package.json的擴充套件配置,在發行 -> 自定義發行選單下,生成釘釘小程式選單,如下圖:

點選釘釘小程式選單,開始編譯,編譯成功後,會自動開啟支付寶開發者工具,展開左側釘釘選單,選擇第三方個人應用,如下圖:

然後點選右上角開啟專案,選擇編譯目錄(類似:%Project_root%/unpackage/dist/build/mp-alipay/,注意發行時是build目錄,不是dev目錄),在接下來的介面中,注意修改專案名稱,並特別注意修改專案型別為“釘釘 - 第三方個人應用”

專案匯入後,支付寶開發者工具會進行編譯載入,並在右側模擬器上顯示,如下:

上傳需登入後才能操作,使用手機端的釘釘App,掃碼登入,

登入成功後,左上角選擇關聯的小程式(需提前在釘釘開放平臺建立小程式),如下圖:

點選支付寶開發者工具右上角的“上傳”按鈕,將程式碼上傳到釘釘開放平臺,上傳成功後,即可在釘釘開放平臺中進行版本釋出,可設定為預覽版,或直接提交稽核:

注意:釘釘小程式的稽核釋出,需首先完成“釘釘組織認證”和“服務商認證”,提醒開發者提早完成認證,否則無法稽核通過。

API呼叫

釘釘大部分api都是uni通用的API,hello uni-app是可以直接在釘釘裡跑的。
如果你需要呼叫釘釘的專有API,和其他端開發也一樣,在釘釘端可直接呼叫dd的API,當然要跨端的話,需要寫在條件編譯裡。

相關文章