Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

[Vue]透過ionic部署ios app的幾點筆記

內容目錄

透過ionic部署ios app的幾點筆記

ionic可以直接透過指令來部署android / ios的app,這篇筆記一下部署過程遇到的一些問題。基本上還是透過Capacitor(似乎基還是cordova)實現跨平台部署,ionic裡面已經包你先包裝好了。流程指令可以參考此篇
首先先打包專案

ionic build

選擇要部署的裝置類型,因為這次是ios的實作所以使用了ios的指令

ionic cap add ios

注意喔,官方文件有說明

Every time you perform a build (e.g. ionic build) that updates your web directory (default: build), you'll need to copy those changes into your native projects:

因為cordova會將你的「網頁」專案放一份到app專案裡面,所以有內容更新要下此指令

ionic cap copy

Note: After making updates to the native portion of the code (such as adding a new plugin), use the sync command:

或是使用同步指令,老實說我不確定兩者有什麼差異,這部分還得研究一下

ionic cap sync

到這邊後,要開始設定ios上的細節,部署ios一定得透過xcode,輸入指令打開xcode

ionic cap open ios

在xcode中,找到以下畫面

signing & capabilities中設定TeamBundle Identifer要設定,這邊基本上有設定好,就可以按xcode左上角的三角形進行編譯看看有沒有bug,若有就看log來除錯
還不太懂的話可以參考此篇

live demo

到這邊成功的話,會發現專案中出現了ios資料夾,進入ios資料夾,可以進行live demo,將ios裝置接上mac

ionic cap run ios -l --external

這時應該可以在指令中看到自己的ios裝置名稱來進行部署,成功的話就能在ios裝置上看到自己的app囉

遇到問題

Cocoapods No 'Podfile' found in the project directory.
Cocoapods應該是Objective-C與Swift上使用的一種什麼東西,但我目前還不懂他是什麼XD參考

查了一下,解決方式很簡單,輸入以下三個指令就好

pod init

open Podfile

pod install

但沒這麼容易XD我遇到了一些錯誤,這邊推薦老方式,重裝cocoapods(啊哈)

gem uninstall cocoapods
brew install cocoapods 

到這邊我就順利成功建立了cocoapods的podfile