2017-06-10 10 views
0

イオニッククリエーターのWebサイト(http://ionic.io/products/creatorを参照)でページを作成(例ログイン)できることを知りたい場合は、.zipアーカイブとしてダウンロードしてください(常にウェブサイト経由で)。 Android webView内でindex.htmlページを開くよりもこのページは、ネイティブのAndroidアプリ内で実行したい(ハイブリッドアプリを作成する)Webアプリケーション(サーバー上)の「GUI」用にのみ必要です。Android WebView内のイオニッククリエーターページ

私は私のAndroidアプリのWebViewの内部で、このindex.htmlページを呼び出すためにしようと試みてきたが、私は、「404 - 見つかりません」というメッセージを得ます。

<!DOCTYPE html> 
    <html> 
     <head> 
      <meta charset="utf-8"> 
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
      <title></title> 

      <script src="lib/ionic/js/ionic.bundle.js"></script> 

      <!-- cordova script (this will be a 404 during development) 
      <script src="cordova.js"></script> 
      --> 

      <!-- IF using Sass (run gulp sass first), then uncomment below     and remove the CSS includes above 
      <link href="css/ionic.app.css" rel="stylesheet"> 
      --> 

      <link href="css/ionic.app.css" rel="stylesheet"> 

      <style type="text/css"> 
       .platform-ios .manual-ios-statusbar-padding{ 
        padding-top:20px; 
       } 
       .manual-remove-top-padding{ 
        padding-top:0px; 
       } 
       .manual-remove-top-padding .scroll{ 
        padding-top:0px !important; 
       } 
       ion-list.manual-list-fullwidth div.list, .list.card.manual-card-fullwidth { 
        margin-left:-10px; 
        margin-right:-10px; 
    } 
     ion-list.manual-list-fullwidth div.list > .item, .list.card.manual-card-fullwidth > .item { 
     border-radius:0px; 
     border-left:0px; 
    border-right: 0px; 
    } 
    .show-list-numbers-and-dots ul{ 
    list-style-type: disc; 
    padding-left:40px; 
    } 
    .show-list-numbers-and-dots ol{ 
    list-style-type: decimal; 
    padding-left:40px; 
    } 
</style> 

<script src="js/app.js"></script> 
<script src="js/controllers.js"></script> 
<script src="js/routes.js"></script> 

<script src="js/directives.js"></script> 
<script src="js/services.js"></script> 

<!-- Only required for Tab projects w/ pages in multiple tabs 
<script src="lib/ionicuirouter/ionicUIRouter.js"></script> 
--> 

    </head> 
    <body ng-app="app" animation="slide-left-right-ios7"> 
    <div style=""> 
    <div style=""> 
     <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button></ion-nav-back-button> 
     </ion-nav-bar> 
     <ion-nav-view></ion-nav-view> 
    </div> 
    </div> 
    </body> 
</html> 

答えて

0

あなたはそれを正しくリンクされました:

これは私が自分のWebサイトから入手したこの私のイオン創造主の小さなプロジェクトの.zipアーカイブ内のindex.htmlページがありますか?あなたはwwwフォルダに入れましたか?あなたはwebviewをロードする場所に私たちのjavaコードを表示できますか?

+0

OK、私は、このガイドに従っている: http://docs.usecreator.com/docs/exporting 、今、いくつかのNPMコマンドの後、私は私の最初の作品イオンクリエータプロジェクトを持っています。 私の質問は、Ionic Creatorを使用してプロジェクトに別のページを追加する場合、どのような手順に従うのですか? Ionic CreatorのWebページでプロジェクトを修正し、プロジェクト全体を再度ダウンロードし、Ionic CLIコマンドとリンクする必要がありますか? ありがとうございます。 – Fobi