需求背景:
产品经理希望能做到如下图所示效果(上面直接显示pdf内容,底部显示按钮):
需求分析:
小程序可以下载文件都本地,再预览pdf文件,但是其效果和图片预览的效果一致,皆为全屏显示,如下图所示;这块经过调研,并和产品battle后,最终制定方案为使用web-view的方式来实现这种效果
实现思路:
在第一次查阅https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html文档后发现wx.miniProgram.postMessage是个好东西,想当然的以为在h5中,点击下方按钮时可以调用postMessage向小程序传参了,然后事实并非如此,再次查阅文档发现如下图所示;原来只要再这几个特定的场景时才会触发,我勒个去!!!没办法将所有业务都放在小程序中来写,这个h5只是单纯的接收一下pdf的网络地址并预览,其次再点击立即签约时,通过wx.miniProgram.navigateTo来跳转到下个页面
小结:
看了下社区,这个问题几年前也就有了,虽然条条大路通罗马,还希望官方大大也能关注下这个问题,对咱开发者更有好一些,😁
我更天真,我以为直接写个bindmessage事件监听就OK了,没想到还要专门为小程序写个postMessage。
你h5展示pdf用的什么呀我现在是pdfh5.js
请问你是webvie src地址直接是pdf的在线地址啊?
没有实例对于初学者,看不懂
请问后面实现了吗?代码可以分享吗?
后来 底下加签约按钮有实现吗?
plus
【小号】:牛逼+2
NB
牛逼+1