美文网首页
app内嵌微信公众号文章链接问题

app内嵌微信公众号文章链接问题

作者: 今天也要努力好吗 | 来源:发表于2019-12-29 12:08 被阅读0次

    前段时间遇到一个问题,之前也没有自己去开发过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

    相关文章

      网友评论

          本文标题:app内嵌微信公众号文章链接问题

          本文链接:https://www.haomeiwen.com/subject/afryoctx.html