混合app开发的h5（vue）页面配置友盟埋点有哪些步骤

熬夜小猿 2019-08-01 11:48:02

公司有个vue项目需要配置友盟h5埋点，但是我没做过埋点，不知从何下手，有那位大神可以赐教下？感谢！

...全文

394 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

m0_60083381 2021-10-18

打赏
举报

回复

问题解决了吗

H5与原生app交互，需要WebViewJavascriptBridge，废话不多直接上代码，下面是项目中的封装bridge.js的全部代码（示例代码为vue） //iOS 交互声明 function connectWebViewJavascriptBridgeIOS(callback) { if (window.WebViewJavascriptBridge) { return ca...

市面上主流的APP分为三种：原生APP、混合APP、H5（Web App）三种，相对应的定制开发就是：原生开发、混合开发、H5开发。那么这三种开发模式究竟有何不同呢？本篇就分别从这三者各自的优劣势来区分比较，以及介绍一些跨端框架，如UniApp等。当然还有现在的鸿蒙开发，鸿蒙开发是华为开发的操作系统，旨在支持多种设备和平台。鸿蒙开发涉及使用特定的编程语言和工具来开发适用于鸿蒙系统的应用程序。因涉及较少，鸿蒙开发本文不做介绍。原生App偏向于交互，注重用户体验(导航切换、勾选选项、图片、视频等操作)。

H5页面（vue项目）使用LinkedME实现唤起APP的功能最近开发的混合app要做个分享的功能，需要实现在微信或者qq打开app分享出去的链接能够直接调起手机的app，所以用了LinkedME来实现h5页面唤起app的功能 LinkedME官网就有js集成的文档，按照那个步骤来就可以实现，详情见：https://docs.linkedme.cc/web/#/linkPage?page_id=...

你需要定义一个JavaScript接口，使H5能够调用Android的方法。// 在MainActivity中注解让H5中的JavaScript可以访问Android的方法。是供H5调用的一个示例方法。指令作用：根据页面运行环境给元素添加相应的class类名，这样就可以在css样式里很方便的对不同环境做不同的处理。指令封装：// 先引入上述封装的platform.js})使用示例：