微信小程序的执行流程是怎么样的?( 四 )


③ 这里开始载入流程 , 用户点击一个微信按钮 , 进入小程序
④ 微信容器开启Hybrid容器 , webview载入入口页面(我感觉应该有个规则可以通过url去打开固定一个小程序页面 , 这里后续碰到开发案例再说)
⑤ webview执行环境实例化App , 其后自动装载默认Page(这里默认是index)
PS:这里我有个很疑惑的点 , 微信Native容器的各个事件点什么时候执行 , 由谁执行?
⑥ 进入页面渲染逻辑
⑦ ……
这里我还比较在意 , 执行事件后 , 对应Native页面是如何进行更新的 , 所以我们这里关注下这段代码:

debugger;
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})

微信小程序的执行流程是怎么样的?

文章插图
 
这里出现了一段非常关键的代码:
微信小程序的执行流程是怎么样的?

文章插图
 

微信小程序的执行流程是怎么样的?

文章插图
 
可以看到 , 我们这里往微信容器注册了一个appDataChange的异步事件 , 而这个时候就将所有的逻辑交给了Native本身 , Native执行结束后会根据webviewIds找到后续要执行的回调继续执行 。
微信小程序的执行流程是怎么样的?

文章插图
 
至于 , 容器如何使用webviewId找到对应函数的代码 , 我没有找到 。至此 , 我们对小程序结构的初步探索便结束了 , 我们本周后面时间继续来对小程序进行深入学习 。

【微信小程序的执行流程是怎么样的?】


推荐阅读