2017-01-16 7 views
0

私は、角度のあるcliプロジェクトからいくつかのbundle.jsファイルを持つcordovaプロジェクトを持っています。コードセレクタプロジェクトのindex.htmlのbodyタグに、アプリケーションセレクタとbundle.jsファイルがあります。私はcordovaプロジェクトに新しいログインページを作成し、Azureでログインできるようにします。私の質問は、セレクタの前にロードされるindex.htmlのbodyタグに別のページを追加するにはどうすればいいですか?セレクタ "ipool-app"がどの要素とも一致していないというエラーが表示されるだけなので、セレクタを置き換えることはできません。同じプロジェクトで角度cliを使用するときにコードページにカスタムログインページを含める際の問題

のindex.html:

<html> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<base href="."> 
<meta name="viewport" content="width=device-width, user-scalable=no"> 
<meta http-equiv="Content-Security-Policy" /> 
</head> 
<body> 
<app> 
<div class="center-div center-text"> 
Loading... <br /><br /> 
<i class="fa fa-spinner fa-spin fa-5x fa-fw"></i> 
</div> 
</app> 
</div> 
<script type="text/javascript" src="inline.bundle.js"></script> 
<script type="text/javascript" src="styles.bundle.js"></script> 
<script type="text/javascript" src="scripts.bundle.js"></script> 
<script type="text/javascript" src="main.bundle.js"></script> 
<script type="text/javascript" src="cordova.js"></script> 
<script type="text/javascript" src="scripts/platformOverrides.js"></script> 
<script type="text/javascript" src="scripts/index.js"></script> 
</body> 
</html> 

答えて

0

たぶん私は非常に明確にあなたを理解しているが、一般的にコルドバプロジェクトでは、我々は単にアプリケーションで新しいページとして、私たちのプロジェクトでhtmlファイルを作成することができます。例えば。ログイン操作のhtmlページを作成し、認証トークンまたは署名されたユーザーの情報を別のページで共有できるsessionStorageに保存することができます。

これ以外の場合は、Azure Mobile Appsを活用して、Mobile AppsクライアントSDK内のAADや他のIDPとのログイン操作を実装できます。この場合、追加のログインページを作成する必要はありません。

コルドバでAAD経由でユーザーを認証する方法の詳細については、https://docs.microsoft.com/en-us/azure/app-service-mobile/app-service-mobile-cordova-how-to-use-client-library#a-nameauthahow-to-authenticate-usersを参照してください。

+0

はい、どうすればスタートページになるページを変更できますか?そして、アングルプロジェクトから来るセレクタ "app"をどうすればいいですか? index.htmlのbodyタグからそれを削除すると、 "app"を実行することができなくなります – lin001

+0

なぜ起動ページを変更する必要があるのか​​がわかりません。 Angularを使用しているので、SPAについて考えることをお勧めします。新しいページの代わりに角テンプレートを作成し、Angularのルーターを使用してページシフトを処理できます。新しいhtmlページを使用する場合は、各htmlページにすべての依存関係jsファイルを含める必要があります。また、各htmlページのブートストラップ角度アプリケーションも必要です。 –

+0

ユーザーがazureでログインしているときは、認証機能にADAL for Cordovaプラグインを使用します。角度のあるプロジェクトでログインページを作成した場合、どのように情報を角とコードバプロジェクトの間を行き来するのでしょうか?私はcordovaプロジェクトでログインページを作成すると、ユーザーがログインをクリックしたときにadal Plugin index.jsファイルに情報を渡す必要はありません。どの代替案が最も簡単だと思いますか、どのように2つのプロジェクト間でデータを渡すのですか? – lin001

関連する問題