DreamHouseモバイルアプリケーションのReact Native iOS 版の実装です。 DreamHouseはSalesforce PlatformでEnd-to-Endのアプリケーションを構築したデモアプリケーションです。 詳しくは DreamHouseのサイト をご覧下さい。
このバージョンのアプリケーションはReact Native 及び Salesforce Mobile SDKを使い、 experimental features によってSalesforceメタデータからUIの一部分を生成して実装しています。
experimentalプロジェクトはForceDotComLabsの配下で進められていてますが。これは以下の意味を持ちます:
- 現在開発中です
- 利用した際のフィードバックを求めています
- コードのコントリビューションを歓迎しています
TrailheaDXカンファレンスで行われたプレゼンテーションの録画をぜひご覧ください:
-
インストール の手順に従いSalesforceのバックエンドをセットアップしてください。
-
このリポジトリをCloneします:
git clone https://github.com/dreamhouse-jp/dreamhousejp-mobile-react -
dreamhousejp-mobile-reactディレクトリへ移動します:cd dreamhousejp-mobile-react -
依存パッケージをnpmからインストールします:
npm install -
依存パッケージをcocoapodsからインストールします:
pod installもし
podコマンドが見当たらない場合は、最初に cocoapods をインストールしてください:sudo gem install cocoapodsもし cocoapods のインストールが失敗する場合には、 Rubyをシステムにインストールされているバージョンからアップグレードする必要があるかもしれません。
-
システムにrnpm がない場合は、 rnpm をインストールします:
npm install rnpm -g -
依存性を解決します:
rnpm link
-
以下のコマンドをタイプしてXcodeのワークスペースを開きます:
open dreamhouse.xcworkspace -
開発サーバ(React packager)をスタートします:
npm start
- Xcode内で、エミューれたを選択して Run ボタンをクリックします
- 開発サーバをスタートさせます:
npm start
-
Xcode上でプロジェクトナビゲーターから dreamhouse プロジェクトを選択し。 dreamhouse ターゲットを選択します。
-
Bundle Identifier 及び Team をApple Developer Potalで作成したプロビジョニングプロファイルに設定します。
-
ツールバー上のデバイスセレクターよりあなたの電話機を選択して Run をクリックします。
こちらのチュートリアル に、アプリケーションをスクラッチから作成する手順が記載されています。
このリポジトリには2つのタイプのテストサンプルが入っています : Mocha + Enzyme コンポーネントテスト 及び イメージ比較に基づくすスナップショットテスト。
全てのテストは __tests__ ディレクトリに格納され、特定のコンポーネントのテストは componentname-enzymetest.js. という命名規則に沿っています。現在は PropertyList/ListItem と PropertyDetail/ActionBar が実装されています。
実行
npm run test
スナップショットテストは Xcode から実行されます。 react-native packagerを Xcode > Product > Scheme > Edit Scheme から実行する必要があり、環境変数の CI_USE_PACKAGER に 1 をセットします。
dreamhouseSnapshotTests.m ファイルを参考にしてください。コンポーネントは js/testLib/snapshotTests より使用されています。