配置 app.js 文件

app.js 中存放全局的 JavaScript 逻辑，更多内容参见 App 。

代码示例

  • JS
  1. App({
  2.     onLaunch: function () {
  3.         console.log('SWAN launch');
  4.     },
  5.     onShow: function () {
  6.         console.log('SWAN展现');
  7.     },
  8.     onHide: function () {
  9.         console.log('SWAN当前处于后台');
  10.     },
  11.     onError: function () {
  12.         console.log('SWAN发生错误');
  13.     },
  14.     globalData: 'SWAN'
  15. });

整个小程序只有一个 App 实例，是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 示例，获取 App 上的数据或调用开发者注册在 App 上的函数。

代码示例

  • JS
  1. // xxx.js
  2. const appInstance = getApp();
  3. console.log(appInstance.globalData);

常见问题

Q：小程序可以调用 echarts.js 或者 highchart.js 画图吗？

A：可以使用 echarts 动态库，详情请参考 ECharts 图表-beta 。

Q：引用 angelia-swan 报错的原因有哪些？

A：大致原因分为几类：

  • 按文档直接引入报错可能是基础库版本太低导致，建议使用 3.20.* 以上的基础库开发。
  • 如使用三方框架开发的小程序，引入报错，需要检查三方框架是否改写了小程序的 App 和 Page，如果是改变了小程序的 App 和 Page 导致的报错，请使用原生小程序开发或着绕过，目前没有兼容方案。