一. 需求
能在小程序內(nèi)打開文檔, 希望不是調(diào)用自己的app(例如wps)來打開, 而是可以直接不用app打開, 例如使用騰訊文檔或者金山文檔打開相關(guān)文件資料
二. 實現(xiàn)
以騰訊文檔為例, 金山文檔一樣的步驟
1. 準備要打開的文檔
我們得先把我們需要跳轉(zhuǎn)的文檔準備好, 然后分享出去, 方便后面復制鏈接
分享文檔
1. 找到小程序的appId
打開騰訊文檔小程序, 然后按下圖獲取appId
獲取騰訊文檔的appId
2. 復制小程序頁面鏈接
要復制騰訊文檔小程序的頁面鏈接, 需要在自己小程序后臺操作一番
首先, 點擊生成小程序碼
點擊生成小程序碼
其次, 輸入之前拿到的騰訊文檔小程序appId
輸入之前拿到的騰訊文檔小程序appId
再次, 點擊獲取更多頁面路徑
在里面輸入自己的微信號, 點擊開啟, 這樣就可以復制小程序的頁面鏈接了
image.png
3. 進入剛剛分享的那個文檔
選擇復制鏈接, 獲得鏈接
pages/detail/detail.html?scene=lvDfg4EvrBg4vAFfg4G1ISh3pTPDj1&url=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1&qqdocurl=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1
選擇復制鏈接
4. 代碼
wx.navigateToMiniProgram({
appId: 'wxd45c635d754dbf59',
path: 'pages/detail/detail.html?scene=lvDfg4EvrBg4vAFfg4G1ISh3pTPDj1&url=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1&qqdocurl=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1',
envVersion: 'release',
success(res) {
// 打開成功
},
fail: function (e) {
console.log(e)
}
})
5.結(jié)果
結(jié)果
三. 補充
如果使用app來打開資料, 就比較簡單, 可以使用wx.openDocument來實現(xiàn). 原理就是, 將文件下載到緩存里, 然后用系統(tǒng)里的app來打開它
wx.downloadFile({
url: '文件地址',
success: (res) => {
const filePath = res.tempFilePath
wx.openDocument({
filePath: filePath,
success: function (res) {}
})
},
fail: () => {}
})
