首頁 >web前端 >js教程 >什麼是Expo?帶你學習Expo

什麼是Expo?帶你學習Expo

零下一度
零下一度原創
2017-06-26 09:59:1015466瀏覽

自己決心翻譯Expo,為學習Rn(react native)的學習者提供協助。傳統上Rn開發,優勢都在Mac Ios ,很少有用Windows andriod開發的,而2017年上線的Expo為我們廣大windows做Rn開發提供了很大的便利條件。 Rn開發也迎來了春天。


關於Rn的簡單說明,目前市場上主流的兩大行動端系統,Android 和Ios,而開發這兩個系統上的App,傳統上,分為Ios開發和Android開發,這就有一個問題,一個公司要上線一款app,但是需要至少需要一個Ios開發,和一個Android開發,這就造成App成本的提升,而現在,如果我們用Rn做開發,我們只需要一套程式碼,開發出來的App,可以運行在Ios和Android上,這極大的提高了開發效率,也為公司開發產品降低了成本,所以Rn一推出,就收到了廣大程式設計師朋友們的熱捧,學習Rn,沒有由於的時間,拿起鍵盤就是乾!


好了,如果你準備搞Rn開發了,首先要恭喜你下,如果你看到我的文章,那麼更要恭喜你,我們很有可能成為朋友,如果你準備高Rn開發了,那麼還面臨一個,那就是工欲善其事,必先利其器!我們搞Rn開發,用什麼工具呢?


#這裡我給大家推薦一款,Expo,這款簡直時入門的神器啊!大家可以百度詳細了解,關於它的問題,歡迎加​​我微信jkxx123321 與我交流【備註博客加】同時也歡迎關注我的個人公眾號:愛享黑馬 與我保持聯繫!接下來,開始工作!


Expo 入門寶典一(Quick Start)

1.什麼是Expo:

Expo是一組工具、函式庫和服務,可以透過編寫JavaScript來建立本機的ios和Android應用程式。

Expo Apps是包含了Expo SDK的react native Apps,SDK是一個native-and-js的函式庫,它包提供對裝置系統的存取功能,像照相機、聯絡人、本地儲存和其他硬體)。這意味著你不需要使用Xcode或Android的環境,或寫任何程式碼也使得你的pure-JS專案非常便攜,因為它可以運行在任何自然環境包含Expo SDK。

 

Expo還提供UI元件來處理各種應用程序,幾乎所有應用程式都將被覆蓋,但它不會突破react native Core的核心程式碼,例如圖示、模糊視圖,等等。

 

最後,Expo SDK提供了存取服務,雖然很難管理,但幾乎每個應用程式都需要它。其中最受歡迎的是:Expo可以為您管理您的資產,它可以為您處理推播通知,並且它可以建置準備部署到應用程式商店的本地二進位檔案。

 

2.準備好開始了嗎,let's go

 準備好的話就開始了,第一步安裝環境,【這裡不純一點,如果對rn不熟悉的可以先看一下rn中文網】

<br>

  安裝環境的話,我們需要安裝兩個環境,一個是針對桌面客戶端的,另一個是針對手機客戶端的。

  電腦桌面客戶端的叫:Expo XED 手機客戶端的叫Expo(也就相當於app)【大家自己去下載,我這裡附圖,附下載連結】

#  

#  下載連結位址:

https://docs.expo.io/versions/v17.0.0/introduction/installation.html

  【補充一點:電腦要準備Node.js 沒有的去安裝一下,下載一個套件後,直接下一步下一步就可以了,安裝完node測試成功與否的方法,命令台上輸入node -verson列印一下你安裝的版本】

<br>3.你的環境安裝好了嗎?好了的話就打開試試吧

  電腦用戶端開啟環境Expo XDE,首先會讓你去註冊一個屬於你自己的帳號(如圖)

#  

  註冊好之後,登入成功,就會進入一個介面了,(如圖)

  

   創建屬於你自己的專案(如圖)

  

  創建成功,如圖所示:

 

   點擊你的項目,讓它在你的項目,讓它在你的項目環境下跑起來!

  

 

   如圖專案就跑起來了,接下來就要完善客戶端了,也就是App。

    

  這個不懂的自己查查資料吧,也可以問我!

  【這裡補充一下,大家需要下一個夜神模擬器,在模擬器上安裝一個expo也就是你在手機上安裝的那個,這樣大家可以降低對網路環境的依賴,直接在模擬器上看到你程式碼運行的效果】這裡附圖一張:

              

 

##   

 

##   

### #####   ,做的自己微博客戶端,簡單的功能有:【對任意博文的評論,發表自己的博文,轉發一篇博文】這個設計到的技術不多,如果想要源碼,可以直接找我,也可以上github上去,我已經上傳上去。 ######  接下來來幾張功能圖:(...不得瑟了)######  在最後好像忘了告訴你們用什麼環境了,也就是寫代碼的環境,個人用的是vs  code 2017 ,人們以前用Atom的也比較多,其實這個到時無所謂,你用記事本也都行,無非就是一個寫代碼的工具而已,建議編輯器用微軟家的,特別好用啊! ###

以上是什麼是Expo?帶你學習Expo的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn