前段时间遇到一个问题,之前也没有自己去开发过app,更别谈什么打包apk什么文件了,走了很多弯路,特此记录下来,如果您也遇到此类问题,希望能帮到你。
关于公众号文章内嵌问题,之前百度了很多,大都是通过第三方接口把微信链接的内容请求回来,然后后面通过iframe引入,后面发现引入会有安全问题。
后面就把请求的内容直接放进标签里面就可以显示,后面由于微信公众号有防盗链机制,图片又显示不出来。
后来百度了发现只要通过正则表达式,把请求的内容所有的data-src替换成src即可。
而且再使用第三方api接口请求微信内容的时候不仅慢还特别容易崩溃,动不动就429了,但其实我的页面就俩个请求,我也不知道怎么回事,后面用我们后台给了我一个node写的文件(这是git地址 https://github.com/Rob--W/cors-anywhere.git)。在本地起了一个node服务,才解决了他容易崩溃又很慢的问题。如下图所示:(注:localhost:8080是node起的一个本地web服务和cors-anywhere.herokuapp.com有相同的作用)
这个方法的完整代码如下:
后面发现视频和音频也有问题。因为它们都是流,内嵌在iframe中,只要是微信链接,都会有问题。所以此条道路是彻底行不通了
正常应该是这个样子的:
白白浪费了好长一段时间。我问了很多同事,老板也给我请了很多外援。他们给我的大多意见都是爬取的。而且都是后台做的,将微信的图片视频什么的都上传到自己的服务器下,然后将微信地址替换成自己服务器下的文件。我一个前端,说实话我也没有很多经验,真是令人头疼。老板也认定让我去解决了,没办法。我愿意去研究,我也希望自己能快快成长,我那短时间狂看node,学习怎么用node爬取。后面我才发现html5+内置webview,通过去嵌套微信链接,什么问题都没有。之前好久不用的Hbuilder也因为这个app项目而下载了回来。花了大半天时间去学习真机调试,学习webview的语法,最后这个问题终于完美落幕了,还剩下一个新的需求等待开发。
最后发一下代码截图。
效果图就是这个样子:
思路大概就是这样。不懂得可以去看看html5+ webview的语法呦,给你个链接~http://www.html5plus.org/doc/zh_cn/webview.html
网友评论