webIm嵌入方案

总需求:我方开发的webim需要通过sdk的方式交给第三方内嵌进web页面。

需求分析:我方使用vuejs开发,通过webpack打包成js文件。所以问题在于把js文件嵌进第三方页面。

实现方案:生成一个js文件,里面实现一个渲染div的方法,这个div到时候就是我们webim在第三方页面显示的容器(需要新建一个css文件,根据需求实现webim在第三方页面的样式。这个css文件一并交给第三方),给div添加<app></app>的innerHtml值。这个app和我们自己vue挂载的元素id一致。

vardiv=document.createElement('div');

div.setAttribute('class','nid');

div.innerHTML='';

document.body.appendChild(div);

将此js文件复制到第三方文件的根目录,同时将生成的build文件夹一并复制过去,就实现了嵌入方案。详见github => web嵌入

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,458评论 0 25
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,540评论 1 19
  • 依赖倒置原则(DIP):一种软件架构设计的原则(抽象概念)。 控制反转(IoC):一种反转流、依赖和接口的方式(D...
    我不说你不懂_f0c6阅读 407评论 0 0
  • 2016年11月17日,我们领听了
    花匠1阅读 225评论 0 0
  • 根据史籍的记载,“中秋”一词最早出现在《周礼》一书中。到魏晋时,有“谕尚书镇牛淆,中秋夕与左右微服泛江”的记载。直...
    李欣悦1996L阅读 134评论 0 0