Publicではじめるソーシャルアプリ(後編)GMOクラウドの芦田です。前回、OpenSocialに対応したSNSの「OpenPNE」をインストールしたので、今回はソーシャルアプリを作ってOpenPNE上で公開してみます。作ったアプリをmixiアプリとしてmixiにも登録してみましょう。初期設定まずWebブラウザからOpenPNEにアクセスしてみましょう。初期状態ではユーザー名(メールアドレス)が「sns@example.com」、パスワードが「password」というユーザーが一人だけ登録されています。このアカウントでログインすると「OpenPNE」さんのホーム画面が表示されます。/pc_backend.php」からログインしてください。管理者の初期アカウント名は「admin」、パスワードは「password」です。管理画面は図1.4のようになっています。「SNS設定」をクリックして、サイト名などの基本的な設定を行いましょう。管理者アカウントに関する設定は「管理画面設定」で行えるので、最初に必ずadminユーザーのパスワードを変更しておきましょう。ソーシャルアプリケーションを作成するSNSソフトウェアの準備ができたので、今度はその上で動かすソーシャルアプリを作ってみましょう。シンプルに「こんにちは!」と画面に表示するだけのアプリとして、次のようなコードを用意しました。こんにちは!キャンバスビューです。こんにちは!ホームビューです。Contentタグの間にある「」に囲まれたHTMLの部分が、画面に表示されるコンテンツになります。示される内容であり、「home」となっている方がホーム画面のアプリケーションウィンドウ(ホームビューと呼ぶ)で表示される内容です。このファイルを、Webサーバー(Apache)上のインターネットからアクセスできる場所に配置します。「/var/www/html/apps/」ディレクトリに置いたことにします。「http://kumolabo-test.example.com/apps/greeting.xml」になります。アプリの配備はこれだけです。ソーシャルアプリはSNSソフトウェアと同じWebサーバーに配備する必要はないので、別の仮想サーバーを作ってApacheの設定を行い、そこで公開するような形にしても構いません。ApacheなどのWebサーバー上に配置すればよくて、特別な設定は必要ありません。ならないという点です。アプリ内部ではJavaScriptを使ったり、ライブラリを読み込んで利用したりすることができます。外部のサービスと連携させて使うようなケースもよくあります。アプリケーションを登録する続いて、設置したGreetingAppをOpenPNEで使えるようにしてみましょう。管理画面から「プラグイン設定」のページを開き、「opOpenSocialPlugin」の左のチェックボックスにチェックを入れて有効にした上で、右端の「設定」リンクをクリックします。「アプリ設定」の画面が表示されます。可」の項目を[許可]にしておきましょう。[禁止]にした場合、管理者が追加したアプリのみ利用できるようになります。モバイル向けのアプリを使えるようにする場合は「モバイルアプリを有効にする」にチェックを入れておきます。[変更]ボタンで設定が反映されます。環境を構築する必要があります。今回はテスト環境ということで、OpenSNEに付属するコンテナを使っているため、このような警告が表示されます。詳細はこのページを参照してください。アプリを追加するには、上部にある「アプリ追加」のリンクをクリックします。図3.3のページが表示されるので、ここで先ほど設置したソーシャルアプリのURLを入力してください。[追加]ボタンをクリックして、図3.4のようなアプリ詳細画面が表示されたら成功です。ユーザーがこのアプリを使うためには、ホーム画面の上部のメニューから「アプリ」のページを開き、「アプリギャラリー」のリンクをクリックします。このアプリギャラリーに、図3.5のように「GreetingApp」が追加されているはずです。ここで、追加したいアプリ(今回はGreetingApp)の「このアプリを追加」のリンクをクリックして、確認画面で[はい]を押せば、アプリが追加されて図3.7のようにキャンバスビューでアプリが表示されます。追加したアプリはデフォルトでユーザーのホームにも表示されるようになっているので、ホームに戻れば図3.8のようにホームビューでの表示が確認できます。アプリケーションを登録するさて、せっかくなのでGreetingAppをmixiアプリとしてmixiに登録してみましょう。ための「mixiプラットフォーム」と呼ばれるプラットフォームが用意されています。GretingAppもそのまま登録して実行することができます。Center」にてパートナー登録をしておく必要があります。パートナー登録を行ってログインしたら、メニューから[mixiアプリ]-[アプリ作成]を選択します。ようにアプリの登録画面が表示されるので、アプリ名やURLを含む必要な情報を入力してください。最後に、下部の利用規約の[同意する]にチェックを入れて[入力内容を確認する]のボタンをクリックします。確認画面が表示されるので、[作成する]ボタンを押せばアプリが登録されます。録されたアプリは「管理アプリ一覧」のメニューに表示されるようになります。ユーザー以外は使うことができません。全ユーザー向けに公開するには、アプリの設定画面で「カテゴリ掲載申請」を行う必要があります。アプリ名のリンクをクリックすれば、図4.3のようにそのアプリの詳細情報の表示や、設定の変更を行うことができます。「アプリ実行ページ」のリンクをクリックすると、図4.4のようにアプリを実行した様子が確認できます。登録の方法は違いますが、Facebookなどの他のSNSでも作成したOpenSocialのアプリを公開することができます。Publicを使って、ソーシャルアプリにチャレンジしてみてください!さて、今回は設定編という事で「webアクセスできるところ」までの記事を書いてみました。管理画面の癖を覚えてしまえば、結構な速さでサーバー環境の構築が可能になると感じました。技術者向けの導入ガイドGMOクラウドのパートナーさまコラムアフィリエイトクラウド紹介制度サイトマップGMOクラウド株式会社は、ISMS(情報セキュリティマネジメントシステム)の国際規格を2006年11月に取得しました。27017」を2018年10月に認証取得しました。