読者です 読者をやめる 読者になる 読者になる

がりらぼ

WindowsRuntimeの応援ブログ

MonacaからAzureMobileApps(旧MobileServices)のJSライブラリをロードできない件

MonacaはJavaScriptでWeb上でアプリを記述する開発環境なので、Azure Mobile Appsへ接続するアプリを作るにはHtml/Javasciptによる接続方法を使います。

というわけでここを見ながらやる

azure.microsoft.com

しかし動かない...

どうやらWindowsAzure.MobileServiceClientが参照できないとのこと

f:id:garicchi:20150422163224p:plain

そして暫く悩むと、

<!DOCTIPE HTML>にもエラーがあるのでそれをみると

Mixed Content: The page at 'https://preview-54e-54ebfc77fd17343b0d701421-55374080fd1734a918dd8e57.monaca.mobi/www/index.html' was loaded over HTTPS, but requested an insecure script 'http://ajax.aspnetcdn.com/ajax/mobileservices/MobileServices.Web-1.1.2.min.js'. This request has been blocked; the content must be served over HTTPS.

はい、原因はHttpsでした。

JavaScriptライブラリをhttpsでロードすると無事動きました。

<script src='http://ajax.aspnetcdn.com/ajax/mobileservices/MobileServices.Web-1.2.5.min.js'></script>

Httpなサイトからアクセスする場合はhttpでいいのかなと思いますが少なくともMonacaがHttpsでのアクセスになるのでhttpsが良さそう。