Creating URL schemes |
このチュートリアルが完了すると、iOSのSafari で“birdland://”と入力することでサンプルアプリが起動できるようになります。
What we’ll be able to do when we’re doneAt the end of this tutorial, we’ll be able to open an example app by typing “birdland://” into Safari for iOS. |
Twitter カードは、あなたのiOSアプリやAndroidアプリのダウンロードに貢献します。 あなたのアプリケーションのURLスキームを設定することで、ユーザーがあなたのアプリケーションをインストールしているかどうかを調べるためにTwitterが使用するURLを登録できます。 URLスキームが設定されていると、我々は“ディープリンク”と呼ばれるプロセスを使ってユーザーをアプリケーション内の特定のコンテンツに誘導できます。 あなたのアプリがインストールされていない場合は、我々はそのアプリのiTunes アプリケーションIDを使ってユーザーをApp Storeへ誘導してダウンロードを促します。
Why this is importantTwitter Cards drives downloads to your iOS and Android applications. By configuring an URL scheme for your application, you can register a URL that Twitter can use to check to discover if the current user has your application installed. If it is, we can send users to a specific piece of content in the application through a process called “deep-linking”. If your app is not installed, we’ll use its iTunes application ID to send the user to the App Store to download it. |
How to implement |
Xcodeを起動します。ファイル → 新規と進み、新規にシングルビューアプリケーションを作成します。
我々がサポートするスキームが何なのかをシステムに通知するよう、アプリケーションに設定する必要があります。 この例では、“birdland”と登録しましょう。
Step 1 - Create our applicationOpen Xcode. Go to File → New, and create a new Single View Application. We need to configure our application to tell the system what scheme we support. In this example, we want to register “birdland”. |
次に、カスタム URL タイプを定義する必要があります。 “birdland://”を使ってアプリを起動するので、この“birdland://”がURLスキームとなります。忘れないでください。 Apple ではプラットフォーム上で名前が重複しないように 逆引き DNS 表記 を使用することを推奨しているので、この例ではcom.mycompany.ios” としましょう。
これで完了です! アプリにURL スキーム“birdland://”を簡単にサポートする設定ができました。 もちろん、さらにカスタムURL スキームを使用することもできます。詳細について知りたい場合は Appleのドキュメントを参照してください。
Step 2 - Configure our Xcode projectNext, we need to define our custom URL type. Remember, we want to open the app via “birdland://”, so that will be our URL scheme. We also need to assign an unique identifier to the scheme. Apple recommends that you use reverse DNS notation to ensure that there are no name collisions on the platform, so we’ll use “com.mycompany.ios” for this example. That’s it! You’ve configured the app with simple support for the URL scheme “birdland://”. There is, of course, much more that you can do with Custom URL Schemes. To find out more, check out Apple’s documentation. |
iOS シミュレータ上でXcode プロジェクトを実行します。アプリにはまだ何も記述されていないので、アプリをスタートすると真っ白な画面だけが表示されるでしょう。
それでは、登録したURL スキームの動作を確認するため、Safariを使ってみましょう。 シミュレーション上で “ホーム”ボタンを押し(もしくはcommandキーとshiftキーとHキーを押し)、ホーム画面に戻ります。 Safariを起動してください。
次に、Safariのアドレスバーに “birdland://” と入力します。 http:// URLを入力してウェブページを開くのと同じように、Safari を使って“birdland” スキームを起動することができます。 Goを押してください。
サンプルプロジェクトの真っ白な画面が表示されるでしょう。
Verify that everything worksRun the Xcode project in the iOS Simulator. When the application starts, you should just see a white screen in the Simulator since we have an empty app. Now, to check that our registered URL scheme works, we’ll head out to Safari. Press the “Home” button in the Simulator (or press command-shift-H) to reach the Home Screen. Open Safari. Next, type “birdland://” in the address bar of Safari. Just as we can with http:// URLs, we’re asking Safari to open the “birdland” scheme. Press Go. You should see that we’ve arrived back at our white screen in our example project. |
これらの手順をあなたのアプリケーションで行うには、 アプリケーションを起動するのに使うスキーム名を決めて、ステップ2で使ったスキーム名“birdland”と置き換えてください。
Next, we’ll discuss how to handle URL schemes to deep-link users into your application’s content.
Applying this tutorial to your applicationTo use these steps for your application, just determine the scheme that you would like to use to open your application and replace the “birdland” that we used in Step 2 with the scheme. Next, we’ll discuss how to handle URL schemes to deep-link users into your application’s content. |