SwiftUIで作るInstagramクローンアプリの技術概要
10 分
instagramクローンアプリテンプレートをダウンロードする（swiftui） はじめに このチュートリアルでは、xcodeテンプレートを使ってinstagramクローンアプリを数ステップで始める方法を学びます。 チュートリアル このテンプレートに関するステップバイステップのブログ記事をこちらで見つけることができます： パート1 swiftuiとgraphqlを使用したinstagramクローン https //blog back4app com/2019/08/27/instagram clone/ パート2 swiftuiとgraphqlを使用したinstagramクローン ログイン https //blog back4app com/2019/09/03/swift instagram clone/ パート3 swiftuiとgraphqlを使用したinstagramクローン プロフィールビュー https //blog back4app com/2019/09/16/instagram clone profile/ パート4 swiftuiとgraphqlを使用したinstagramクローンアプリ ホームビュー https //blog back4app com/2019/09/26/instagram clone homeview/ 前提条件 このクイックスタートを完了するには、次のものが必要です： xcode11以上。 back4appで作成されたアプリ。 back4appでparseアプリを作成する方法を学ぶには、 新しいparseアプリのチュートリアル https //www back4app com/docs/get started/new parse app を参照してください。 cocoapods https //cocoapods org/ がmacにインストールされていること。 1 テンプレートを取得する テンプレートをダウンロードするには back4appのgithubリポジトリ https //github com/back4app/back4gram/archive/master zip , そしてプロジェクトフォルダにファイルを解凍します。 次のコマンドラインを使用して実行できます $ curl lok https //github com/back4app/back4gram/archive/master zip && unzip master zip 2 cocoapodsの依存関係をインストールする ターミナルを開きます。 プロジェクトのフォルダに移動します このコマンドを実行します \<font color="#2166ae">pod install\</font> プロセスが完了するまで待ちます。 3 プロジェクトテンプレートを開く xcodeを開く。 をクリックします \<font color="#2166ae">ファイル \>開く\</font> 。 3\ プロジェクトフォルダに移動し、ダブルクリックします \<font color="#2166ae">back4gram xcworkspace\</font> 4\ xcodeがプロジェクトを開くのを待ちます。 4 アプリの資格情報を設定する アプリの資格情報を設定するために、app delegateのparse client configurationの値を更新します。parse ios sdkは、これらの設定を使用してback4appサーバーに接続します。 app delegateファイルを開きます \<font color="#2166ae"> /back4gram/appdelegate swift\</font> back4appウェブサイトのアプリダッシュボードに移動します。 アプリの設定に移動します \<font color="#2166ae">機能\</font> > \<font color="#2166ae">コア設定\</font> ブロック > \<font color="#2166ae">サーバー\</font> 。 あなたの \<font color="#2166ae">appdelegate swift\</font> ファイルに戻り、あなたの \<font color="#2166ae">applicationid\</font> と \<font color="#2166ae">clientkey\</font> を貼り付けます。 詳細は、私たちの 新しいparseアプリガイド https //www back4app com/docs/get started/new parse app#creating new app find your appid をご覧ください。 5 接続をテストする デバイスまたはシミュレーターでアプリを構築する（ \<font color="#2166ae">コマンド\</font> + \<font color="#2166ae">r\</font> ） 画面が \<font color="#2166ae">back4gram\</font> と表示されるまで待ちます。 次のステップ この時点で、あなたのback4gramコピーはback4appアプリで動作しています。 私たちの iosチュートリアル https //www back4app com/docs/ios/ios app template を歩き回ってもっと学ぶか、 ios sdkのためのparseオープンソースドキュメント https //docs parseplatform org/ios/guide/ を確認してください。