MorJS 開(kāi)發(fā)運(yùn)行時(shí)插件

2024-01-15 17:38 更新


import { aApp } from '@morjs/core'

aApp(
  {
    onLaunch() {
      console.log('app onlaunch')
    }
  },
  [
    () => {
      return {
        plugins: [
          {
            pluginName: 'RuntimePluginXXX',
            apply(morHooks) {
              // appOnShow: 在 App 的 onShow 生命周期觸發(fā)
              morHooks.appOnShow.tap(this.pluginName, function (this, options) {
                console.log('觸發(fā)小程序 appOnShow 生命周期')
              })
            }
          }
        ]
      }
    }
  ] 

)開(kāi)發(fā)運(yùn)行時(shí)插件有兩種方法,推薦使用第一種方案:

  • 方法一:使用官方提供的腳手架初始化運(yùn)行時(shí)插件項(xiàng)目,在需要使用的項(xiàng)目中進(jìn)行引入;
  • 方法二:直接在 MorJS 業(yè)務(wù)項(xiàng)目的 app.ts 配置文件中進(jìn)行編寫(xiě);

通過(guò)腳手架編寫(xiě) MorJS 運(yùn)行時(shí)插件

  1. 全局安裝 mor cli 工具
npm i @morjs/cli -g
  1. 通過(guò) mor cli 工具創(chuàng)建項(xiàng)目
mor init
  1. 選擇 MorJS 運(yùn)行時(shí)插件 回車(chē)
? 請(qǐng)選擇工程類(lèi)型 ? - Use arrow-keys. Return to submit.
    小程序
    小程序插件
    小程序分包
    MorJS 工程插件
?   MorJS 運(yùn)行時(shí)插件
    MorJS 運(yùn)行時(shí)解決方案
    MorJS 多端組件庫(kù)
    MorJS 自定義腳手架
  1. 根據(jù)提示完成操作后,即可完成插件項(xiàng)目創(chuàng)建,隨后按照 如何使用運(yùn)行時(shí)插件 配置到app.ts文件進(jìn)行使用即可
? 請(qǐng)選擇工程類(lèi)型 ? MorJS 運(yùn)行時(shí)插件
? 請(qǐng)輸入項(xiàng)目名稱(chēng) … myruntimeplugin
? 請(qǐng)輸入項(xiàng)目描述 … my first runtime plugin
? 用戶(hù)名 … yourUserName
? 郵箱 … your@gmail.com
? 請(qǐng)輸入 Git 倉(cāng)庫(kù)地址 … https://github.com/yourUserName/myruntimeplugin
? 請(qǐng)選擇 npm 客戶(hù)端 ? npm / pnpm / yarn

app.ts 的運(yùn)行時(shí)插件開(kāi)發(fā)(不推薦)?

  • 直接在 MorJS 項(xiàng)目的 app.ts 文件中進(jìn)行編寫(xiě)


以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)