用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 工具/框架 查看內容

小程序轉快應用工具

Rolan 2020-6-15 00:21

目的隨著快應用的生態逐漸繁榮,越來越多的用戶決定加入快應用的大生態中,對于已經有微信小程序的用戶來說,由于快應用的語法與微信小程序的語法還是有一定的不同,我們決定為了減少用戶從小程序轉到快應用平臺的成 ...

目的

隨著快應用的生態逐漸繁榮,越來越多的用戶決定加入快應用的大生態中,對于已經有微信小程序的用戶來說,由于快應用的語法與微信小程序的語法還是有一定的不同,我們決定為了減少用戶從小程序轉到快應用平臺的成本,推出了一套新工具:小程序轉快應用工具,這套工具可以大幅降低擁有小程序的開發者進入快應用生態的成本。

文章導航

How

如果你已經擁有了小程序的項目,你需要完成一下幾步

方法一: 使用npm轉換工具

  1. 安裝qa-adapter(快應用語法轉換器,將小程序的語法轉換為快應用識別的語法):npm install qa-adapter -g。
  2. 安裝成功之后 用命令 adt [sourceDir] [destDir?optional] 來轉換項目。

方法二: 使用IDE轉換工具

  1. 下載快應用開發工具 。
  2. 搜索hap-transformer插件并安裝。

  1. 安裝完成之后運行插件,mac電腦上(Cmd + Shift + P),windows電腦上(Ctrl + Shift + P)打開命令臺并搜索"transfer wechat miniprogram into quick app",或者在IDE3.1版本之后,側邊欄上增加了快捷功能入口也可以運行插件的功能。

  2. 選擇相應的小程序輸入目錄和相應的輸出路徑,并選擇兼容模式,點擊完成即可。

通過以上兩種方法你將得到轉換后的快應用項目,之后我們就可以在IDE中預覽項目結果了

接下來我們要在開發工具中的插件市場中搜索并下載hap-chimera-toolkit,安裝該插件之后的開發工具就可以預覽兼容模式的快應用了,點擊上面的模擬器按鈕即會彈出右側的模擬窗口。

  1. 在真機上安裝快應用調試引擎之后,點擊預覽界面上面的二維碼標志,用手機調試器的掃碼便可以在真機上安裝快應用啦~,微信小程序就這樣輕松的轉換成為了快應用,:ox::beer:!

Getting deeper

讓我們來看下轉換插件做了什么,下面這個是微信的項目

之后是轉換后的快應用

項目結構的變化

從項目結構上來看幾乎沒有什么變化,但是文件稍有變化。

  1. 例如微信的配置文件是 project.config.json 變成了快應用中的 quickapp.config.json ,比較project.config.json和quickapp.config.json兩者的內容沒有變化,因為兼容版配置對其微信小程序。
  2. wxss 文件變成了 css 文件,只是文件后綴改變。
  3. wxml 文件變成了 qxml ,只是文件后綴改變。
  4. 同時項目目錄下多了一個 .quickapp 的文件夾,打開該目錄可以看到兩個目錄build和dist,dist下為自動生成的rpk,直接推入手機就可以運行。build下是編譯后的生成文件。
  5. 其中還有生成的jsconfig.json文件是開發工具的配置文件。

接口的變化

打開頁面的js文件,發現接口從 wx.navigateTo 變成了 qa.navigateTo

打開頁面的template文件如下圖, 發現模版指令從wx:xxx 變成了 qa:xxx

以上的兩個點就是項目轉換之后主要的變化啦。

總結

快應用兼容版能夠大幅度減少微信小程序的擁有者接入快應用生態的成本,簡單的轉換之后就能夠運行在快應用平臺上。

兼容版快應用和微信小程序的具體差異可以查看官網的與小程序的差異。

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: 快應用 來自: 快應用
  • longkun 2020-6-21 17:06
    專業微信小程序開發 app定制 歡迎各行老板來電 tel;13635483717同v
梦幻单人赚钱方法 湖北福彩30选5中奖规则 广西11选5开奖记录 广西体育彩票十一选五规则 股票大盘趋势分析 河南快3走开奖 广西快3预测推荐和值 2020年下半年股票推荐 怎样看体育彩票中奖不中奖 四川体彩金7乐玩法 安徽11选5前三最大遗漏