國高中電腦養成班 - 基礎一 (7)

開發手機軟體 - 怎麼寫一支 iOS 及 Android 都能跑的 app.

先複習一下 git

git init (只有第一次) 或用 git clone <repo>

vi README.md

git add -A

git commit -m 'add README'

git push origin master --tag

git log

git pull origin master --tag

如何開發手機 apps

幾乎每個大型網站都會提供 apps 下載

開發 mobile apps 的目的?

• 無可厚非, apps 的市場滲透力已經遠超過 PC
• 基本上網購已經取代店面, 透過手機可以做任何事
• 所以可以做錢包, 照相機, 鬧鐘, 水平儀, 電子書, 手電筒...
• 可以顯示即時資訊, 例如 youbike 位置, 公車位置, 股票
• 可以搭配網站使用. (通常都有網站)
• 更取代了電視, 收音機, 電話, 傳真機, 還有電腦, 傳統手機
• 遊戲軟體, 工具軟體, ？？？

開發 mobile apps 的方法

• Android 要用 Android SDK + Java 語言
• iOS 要用 Xcode + Objective-C 或 Swift 語言

一般做法

用 Expo

• Android, iOS 用 React Native  +  Javascript 語言

Expo 遊戲區 (snack)

https://snack.expo.io/

React Native

中文教學

https://reactnative.readbook.tw/book/basic.html

其實 React Native 跟 React 很像,

我們做網站時還會用到

React 遊戲區

Learn Javascript

in Y minutes

https://learnxinyminutes.com/docs/javascript/

其實電腦語言,  Javascript 跟 Go 很像,

邏輯都一樣,

只是文法不同

我們做網站時還會用到

什麼是 URL ?

Uniform Resource Locater

或 Universal Resource Locater

簡單講就是 "網址"

它可以是 文字, 網頁, 圖, 聲音, 電影, 或是

JSON 格式的資料

（可以從瀏覽器上方 copy & paste 來用)

下載 Expo, 可以在手機上同步看到你開發的軟體

https://play.google.com/store/apps/details?id=host.exp.exponent

https://itunes.apple.com/app/apple-store/id982107779?pt=17102800&amp;ct=www&amp;mt=8

Android app                                    iOS app

demo

完整的 Expo 開發環境

https://expo.io/tools

也可以安裝到自己電腦上

同時要先安裝 nvm, node, npm, yarn 等軟體

https://github.com/creationix/nvm

作業:

在你手機app上

秀出聖誕樹

提示:

<Text >
            第一行   {"\n"}
           第二行   {"\n"}
  </Text>

60 分

100分