WeChat小程序体系结构分析《一》调试技术、模块配置、理念分析 - 沈阳唐朝软件开发
欢迎进入唐朝网络网站!
13654184893
关于我们
服务项目
客户案例
开发流程
公司动态
新闻资讯
加入我们
联系我们
联系我们
  • 地址 : 沈阳市沈河区万柳塘路36-1号弘锦大厦
  • 电话 : 13654184893
  • WeChat小yabo4体系结构分析《一》调试技术、模块配置、理念分析

    当前位置首页>>新闻资讯 >> WeChat小yabo4体系结构分析《一》调试技术、模块配置、理念分析

    WeChat小yabo4体系结构分析《一》调试技术、模块配置、理念分析

    作者: 原创   发布时间: 2020-07-24

     

      默认情况下,WeChat开发人员工具禁用了右键单击调试面板打开功能。可以修改开发人员工具中的某些代码以消除牙齿限制。

      找到App.nw项目根目录,在Mac上为/applications/wechatwebdevtools0x 44 dapp/contents/resources/app0x 44 dnw

      使用Js-beautify格式化代码放置:

      注释掉档案app/dist/app.js 44行和app/dist/components/simulator/web view body0x 44 DJs 149行preventDefault调用。在101100版本中,还必须修改package.json文件以删除-disable-dev tools。

      完成上述操作后,可以在页面的“调试”面板上单击鼠标右键将其打开。特别是使用view页面上的面板时,必须小心使用多个茄子问题,如wxml面板变为不可用,touch事件没有响应。

      您会发现,通过代码将config.json文件添加到配置目录,然后添加{isdev3360true},可以启用名为开发人员工具的调试模式。但是,配置后yabo4启动不正常,必须暂时放弃牙齿方法。

      设定applet主要模组

      小yabo4本身是独立运行的,有两个主要部分:视图模块和服务模块。在开发人员工具中,它们徐璐在其他webivew tag中独立运行。

      View模块负责显示由开发人员编写的wxml和wxss转换后代码和WeChat提供的相关辅助模块组成的UI。一个视图模块对应于一个Webview组件(即我们通常理解的页面),applet同时支持多个view的存在。视图模块通过WeixinJSBridge对象与后台通信。

      服务模块负责应用yabo4的后台逻辑,由applet的js代码和WeChat提供的相关辅助模块组成。应用yabo4只有一个服务进程,这是一个页面(至少可以在开发人员工具内联机,然后在Wixinjscore内运行)。与view模块不同,在节目生命周期的后台运行,服务模块通过与view模块不同但介面格式相同的WeixinJSCore运行。小yabo4模块之间的通信

      (开发人员工具内的模块通信地图)

      与WeChat开发相关的开发人员熟悉名为WeixinJSBridge的对象。负责与UI进行后台交互的中间层。与以前的WeChat webview相比,应用yabo4节目编号的WeixinJSBridge添加了publish和subscribe两个茄子公共方法,通过发布和订阅事件实现双向通信。

      服务模块中的WeixinJSBridge对象在app/dist/weapp/service/as debug0x 44 DJs文件中定义,视图层次结构中的WeixinJSBridge在app/dist/文件中定义,两者使用相同的接口,并且postMessage

    相关内容: