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