Weex系列(序) —— 總要知道原生的一點東東(iOS)

若是你本就是原生開發工程師,或者你已經用爛了xcode,下面部分能夠省略。若是你剛剛入手weex,那就花個10分鐘來看看,能夠幫助你更好入手weex項目。vue

PROJECT工程目錄

這個目錄我訪問的比較少,主要就是設置過語言。ios

clipboard.png

TARGETS目錄

General下的Display Name能夠修改app的名稱,Bundle identifier項目的惟一標誌,在這裏我要提兩個網站。xcode

  • Apple Developer 顧名思義這個網站是蘋果開發者網站,這個網站上有咱們的app惟一Bundleid,有咱們須要的證書,如上圖上Signing,若是須要將項目跑在真機上,就須要下載證書配置相關證書,這塊網上也有不少介紹,你們可自行搜索蘋果開發者和發佈證書按步驟進行相關配置便可。
  • App Store Connect 顧名思義這個網站就是最後一步你的app要上線的時候須要登陸的一個網站。

clipboard.png

clipboard.png

clipboard.png

TestFlight就是蘋果提供給咱們的測試app,能夠在Appstore下載TestFlight,而後在上面第二個網站上邀請人員就能夠來測試咱們本身的app了,那麼怎麼發佈app到這個測試網站呢。以下圖最後點擊Distribute App而後一直操做就能夠把app提交到網站上了。微信

clipboard.png

clipboard.png

Capabilities

  • 咱們常常提到的通用連接就在這個目錄下,更通俗點就是咱們常常看到的點擊網站上的跳轉到App,就能夠跳到咱們本身的App就須要在這塊設置域名。
  • 還有一個就是我常常看到的App推送也是在這塊打開相應權限

clipboard.png

clipboard.png

Info

這個目錄對應的其實就是左邊目錄下的.plist文件,能夠右鍵選擇用源碼編輯,好比咱們須要的權限提醒,如:Privacy - Camera Usage Description 打開纔有權限訪問相冊哦,對應源碼<key>NSPhotoLibraryUsageDescription</key>。
第二個須要提到的就是URL Types,這個是咱們常見的微信、微博分享等,須要在這塊配置,剛開發app的時候這個點特別容易忘記,都配置好了,可是忘了這塊,就一直提示分享失敗等。weex

clipboard.png

clipboard.png

Build Phases

整個項目用的庫能夠在這塊增刪。app

clipboard.png

App圖標修改

以下圖的目錄下修改,weex初始化項目的時候,已經把全部尺寸都覆蓋了,咱們只須要再覆蓋本身App的圖標便可。對應xcode的目錄我也已經截圖。ide

clipboard.png

clipboard.png

App用到資源

若是你要在vue文件裏面引用本地圖片等文件,就須要把對應資源拖到這個目錄,否則路徑配置對了,圖片等也是顯示不出來的,vue裏面能夠這樣引用地址 local:///文件名 不須要帶後綴。測試

clipboard.png

weex初始化目錄簡單介紹

AppDelegate是整個App的入口文件網站

WeexSDKManager是weex初始化加載打包後的bundlejs的入口文件,用原生tab,就能夠在這個文件上動手腳ui

WXDemoViewController是每一個頁面的承載view,若是你想調一下視圖的背景樣式等,能夠研究研究這個文件

clipboard.png

最後組件和模塊的擴展就放在之後的章節裏面,序的上半部分就先這麼多吧,謝謝。

相關文章
相關標籤/搜索