Windows storeアプリ brekky

避けては通れない Windows ストアアプリ

Windows store アプリ　　　　　　 Brekky の苦労話

【 TechBuzz 】第 4 回 Windows8 開発技術勉強会

Profile

株式会社アライズ

arise.inc

Satoshi.sekine2

せきね　さとし

関根　聡

Satoshi__3

そもそも用語がわかりませんWindows ストアアプリ

Windows ストアアプリ

デスクトップアプリ Windows ストアアプリ

Windows ８の機能と用語

スタート画面 デスクトップ

タイルWIDE タイル

ライブタイル

チャームチャーム

「アプリバー」と「ナビゲーションバー」

ナビゲーションバー

アプリバー

このボタンを「コマンド」と呼ぶ

さて開発　環境つくるよ

Windows ストアアプリ

開発環境

OS 　 windows 8とりあえず試すだけなら評価版http://msdn.microsoft.com/en-US/evalcenter/jj554510.aspx

IDE 　 VisualStudio2012 for Windows8Express 版http://msdn.microsoft.com/ja-jp/windows/apps/br229516

開発言語

さてさて実装のお話Facebook 連携

facebook C# SDK

https://github.com/facebook-csharp-sdk/facebook-csharp-sdk

ライブラリ作成

(a)Release にする

(b)[ ビルド ]-[ ソリューションのビルド ]

dll の参照

Facebook の設定

APP ID

① ログイン

② 朝食の投稿

③ 朝食の投稿

⑤ 朝食の連携

⑥ 朝食画像の管理

⑦ 朝食画像の連携 Http 要求

④ 朝食情報の管理

連携部分ログイン後、 FQL を使ってユーザ情報を取得してみる。

// 予め WebView コントロールを配置しておきます。// そのコントロールに x:Name=“WebView1” と名前をつけておきます。// ■ 準備private readonly FacebookClient _fb = new FacebookClient();// パーミッションprivate const string extendedPermissions = 　　　　　　　　　　　 "user_about_me,read_stream,publish_stream";// ■facebook のログイン Url を作るdynamic para = new ExpandoObject();para.client_id = appId; // facebook アプリ登録時に払いだされた IDpara.redirect_uri = "https://www.facebook.com/connect/login_success.html";para.response_type = "token";para.display = "popup";para.scope = extendedPermissions;Uri loginUrl = _fb.GetLoginUrl(parameters);

// ■Url へのアクセスと結果を処理するメソッドの登録WebView1.LoadCompleted += WebView1_LoadCompleted;WebView1.Navigate(loginUrl );

// ■ 結果を処理するメソッドの処理内容 (WebView1_LoadCompleted)FacebookOAuthResult oauthResult;if (!_fb.TryParseOAuthCallbackUrl(e.Uri, out oauthResult)){ return;}if (oauthResult.IsSuccess){ // ログインに成功しアクセストークンが取得できました！ var accessToken = oauthResult.AccessToken; // 以降 FQL を発行するためにアクセストークンを設定しておく。 _fb.AccessToken = accessToken;}

// ■FQL を使ってユーザ情報を取得する// FQLvar fql = "SELECT uid,name,pic_square FROM user WHERE uid=me()";

// 発行dynamic fqlParameters = new ExpandoObject();fqlParameters.q = new { fql1 };dynamic fqlResult1 = await _fb.GetTaskAsync("fql", fqlParameters);

// 結果から値を取り出すdynamic resultForQuery1 = fqlResult1.data[0].fql_result_set;long facebookID = resultForQuery1[0].uid;string userName = resultForQuery1[0].name;string userPicURL = resultForQuery1[0].pic_square;

こんな感じで情報がとれました！

アプリも出来たので　ストアに申請するよ

アプリ申請

Windows ストア開発者アカウント

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh868184.aspx

Windows ストア開発者アカウント

失敗談

会社で一つ共有のアカウントを作っておくと良いよ。

コードの入力が毎回必要

アカウントの移行作業が結構ややこしい。

申請は大体 1 週間ぐらい

かなしい知らせは突如来る

何を言ってるのか　よくわかんない！

具体的な内容は審査担当者 からのコメント

• C:: The app has declared access to network capabilities and no privacy statement was provided in the Windows Settings Charm.

• G:: Missing or incomplete account information provided to reviewer. This prevented us from completing our review of this app.

• A:: When reviewing the app, our reviewers observed instability issues when using snapped views with this app. More information on snapped views can be found here:

The app has declared access to network capabilities and no privacy statement was provided in the Windows Settings Charm

アプリはネットワーク機能へのアクセスを宣言し、全くのプライバシーに関する声明は、 Windows の設定チャームで提供されていない

Google 先生お願いします。

「Windowsストアアプリはインターネットにアクセスするアプリは必ずプライバシーポリシーへのリ

ンクを設けなければいけない。」

Missing or incomplete account information provided to reviewer. This prevented us from completing our review of this app.

行方不明者や校閲に提供不完全なアカウント情報。これは、このアプリの見直しを完了することから私たちを防ぐ。

Google 先生お願いします。

謎い！

要はログイン出来るユーザ情報が必要申請の時にログインユーザの情報も一緒に渡して上げる必要があります。今回の場合は、画像も添付するアプリでしたので画像も合わせて添付しました。

実際テストもするようです。

送った画像 投稿された画像

When reviewing the app, our reviewers observed instability issues when using snapped views with this app. More information on snapped views can be found here

このアプリでスナップされたビューを使用する場合、アプリを再確認するときには、私たちのレビューアが不安定になる問題を観察した。スナップされたビューの詳細については、ここで見つけることができます：

Google 先生お願いします。

スナップ？

スナップを出した時に不具合がありました。（アプリが落ちる）

スナップ対応完了！

そして再申請

認定された＼ (^o^) ／

まとめアカウントの移行は結構ややこしい。

ネットワークを使うアプリはプライバシーポリシーは必須。

Facebook アプリの時にはアプリを確認出来るユーザもお忘れなく。

スナップは、使わなくても実装が必要。面倒だったら、サイズを合わせた画像で OK ！

ご静聴ありがとうございました。