如何在自己的小程序顯示云展網(wǎng)電子書(shū)？
一、功能介紹
除了在公眾號(hào)上展示云展網(wǎng)電子書(shū)，您也可以在您的小程序上顯示電子書(shū)，比如在您的小程序上設(shè)置個(gè)模塊，點(diǎn)擊打開(kāi)云展網(wǎng)生成的招生簡(jiǎn)章，產(chǎn)品手冊(cè)等等。
二、操作步驟
方法一：在你的小程序打開(kāi)另一個(gè)小程序
在您的小程序上打開(kāi)云展網(wǎng)電子書(shū)小程序。如下圖。
1、 獲取appId
appId：*********
2、 獲取path路徑
（1）書(shū)本path路徑
點(diǎn)擊【我的文檔】，【分享】復(fù)制書(shū)本鏈接，如這本書(shū)的鏈接為https://book.yunzhan365.com/kykh/tppo/mobile/index.html
這本書(shū)的path路徑就是：
pages/eachbook/eachbook?url=https://book.yunzhan365.com/kykh/tppo/
備注：要去除書(shū)本鏈接mobile/index.html。
（2）書(shū)櫥path路徑
點(diǎn)擊【我的書(shū)櫥】，復(fù)制書(shū)櫥鏈接。如這個(gè)書(shū)櫥鏈接為：https://baijingtest.sharedbook.cn/bookcase/qbba/index.html
這個(gè)書(shū)櫥的path路徑為：pages/bookcase/bookcase?scene=qbba
備注：要填寫(xiě)bookcase之后的文件名
3、 將相應(yīng)代碼寫(xiě)到相應(yīng)位置上即可
（1）wxml文件加代碼： <view bindtap="viewTap"> click me </view>
（2）js 文件加代碼：如下圖所示，path路徑要改成你需要展示的電子書(shū)或者書(shū)櫥
| Page({ xxxxxx viewTap: function() { wx.navigateToMiniProgram({ appId: ‘wx9c2d982dec74abe7’, path: ‘pages/eachbook/eachbook?url=https://book.yunzhan365.com/kykh/tppo/’, extraData: { foo: ‘bar’ }, envVersion: ‘release’, success(res) { // 打開(kāi)成功 } }) } }) |
方法二：在你的小程序內(nèi)嵌電子書(shū)
小程序內(nèi)嵌電子書(shū)的好處是不顯示該電子書(shū)來(lái)源于云展網(wǎng)，通過(guò)調(diào)用web-view內(nèi)嵌電子書(shū)來(lái)實(shí)現(xiàn)，方法二僅協(xié)作版會(huì)員支持授權(quán)。如果您已經(jīng)是協(xié)作版會(huì)員，需先綁定獨(dú)立域名，之后再進(jìn)行小程序授權(quán)。
1、登錄到您的小程序后臺(tái)，點(diǎn)擊【開(kāi)發(fā)管理】，【開(kāi)發(fā)設(shè)置】，【業(yè)務(wù)域名】，【修改】
2、下載txt格式校驗(yàn)文件發(fā)給客服
3、客服提交校驗(yàn)文件后，您點(diǎn)擊加號(hào)添加域名，添加的域名就是您綁定的獨(dú)立域名
加好以后，您就可以通過(guò)調(diào)用web-view內(nèi)嵌電子書(shū)了。
如 <web-view src="xxxx"></web-view>相關(guān)教程：