ReactNative + Firebase定番開発チュートリアル(1 インストール編)

はてなブックマーク - ReactNative + Firebase定番開発チュートリアル(1 インストール編)
LINEで送る
Pocket

React NativeはiOSとAndroidアプリ両方同時に開発できる便利なフレームワークです。

React Nativeとは何か?

Firebaseがアプリが必要なサーバーサイドを全部簡単にしてくれます!

この二つ強力なフレームワークの組み合わせは、最強な結果を生み出す!

それは

一人でアプリをリリースできます!

この記事では、その「一人でアプリストアにリリースするまで」丁寧に解説します。

今は、本当に良い時代になりました!

昔ですと、一人で、スマホのアプリをiOS版をObject-Cで作って、アニメーションを作って

Android版も同じ動作をJavaで作って

そのバックエンド用のインフラを用意して、サーバーを立ち上げて

RubyやPythonかPHP、JavaでサーバーのAPIを作って

データを用意して、アルゴリズムを実装して

簡単なアプリでも膨大な工数が必要でしたが

今のモダーンなフレームワークのおかげで

誰でもほぼ一人で、それなりの機能を持つアプリやサービスを作ることができるようになったのです!

react-native-firebase

今回の話を支えている背後の重要なライブラリーは一つあります

https://github.com/invertase/react-native-firebase

これをうまく活用することで、一人でサービスとアプリを完成させます!

これから、その方法を具体的に、丁寧に説明してまいります。

react-native-firebase-starter

https://github.com/invertase/react-native-firebase-starter

レポジトリをcloneをする

clone

yarn install

pod install

ここでエラーになった場合は下記の記事をご参考ください。

pod install エラーの解決法

プロジェクトの名前を変更しておく

(私の環境では、古いnpmになっていますので、それも更新します。)

それから、ドキュメント通りに

を実行します。

下記のシミュレーター画面が出てきたら、成功です!

おめでとうございます!

いかがでしょうか?ここまでできましたでしょうか?

質問等がある方は私のTwitterまでDMなどをください!

次は、react-native-firebaseを利用して、 Authenticationの部分を実現してみたいと思います。

ユーザーログイン、ログアウト、認証あたりのチュートリアルを書きます。

楽しみにしてください!

はてなブックマーク - ReactNative + Firebase定番開発チュートリアル(1 インストール編)
LINEで送る
Pocket

Add a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.