NIFCLOUD-mbaas / UserCommunity

ニフクラ mobile backend ユーザーコミュニティ
https://mbaas.nifcloud.com/
82 stars 18 forks source link

アプリ内部にwebページを表示したい #110

Open Akane-jp opened 9 years ago

Akane-jp commented 9 years ago

こんにちは。

monacaとニフティのサービスを使ってアプリを作っています。 アプリ内でTwitterやFacebookなどのWebサイトを表示できないかと思っています。

manacaを使ってツールバーとサイドメニューを設置しています。 ↓こんな感じです。 https://mb.api.cloud.nifty.com/2013-09-01/applications/U3ziqwx5POQw2SUA/publicFiles/menu.jpg

サイドメニューのコードはこんな感じで書いています。

    <ons-list-item
        modifier="tappable" class="list__item__line-height"
        onclick="app.slidingMenu.setMainPage('movie.html', {closeMenu: true})">
        <i class="fa fa-youtube" style="color:red"></i>
        &nbsp; 動画一覧
    </ons-list-item>

    <ons-list-item
        modifier="tappable" class="list__item__line-height"
        onclick="app.slidingMenu.setMainPage('https://twitter.com/twitter', {closeMenu: true})">
        <i class="fa fa-twitter-square" style="color:red"></i>
        &nbsp; Twitter
    </ons-list-item>

Twitterなどの項目をタッチするとホーム画面のグレイ色の部分、ツールバーの下にTwitterなどのページが表示されるようにしたいのですが、現状画面いっぱいに表示されてしまい iOSだとアプリを終了しないといけません。

このような感じです。 https://mb.api.cloud.nifty.com/2013-09-01/applications/U3ziqwx5POQw2SUA/publicFiles/tw.jpg

このご相談はニフティのサービスと直接関係なくて申し訳ございません。。 どなたかご教授いただければ幸いです!

よろしくお願い致します。

goofmint commented 9 years ago

@Akane-jp

https://monaca.mobi/ja/forum/q/5481275f7e2193fa2e696990

ここのやりとりを見る限り、

1.iframeをHTML全体に広げ表示する
2.リンク先のソースをAjaxで取得し、ソレをHTML内に動的に追加する
(自分の管理しているページのみしか使えませんが……)
3.Cordovaプラグインを作成しOnsenUIのHTML部分に埋め込む
(簡易的なWebViewを作成してDIVに対して反映する形でしょうか)
難易度もそのまま番号順ですかね。

が選択肢のようです。

後は

http://ja.stackoverflow.com/questions/tagged/monaca

のMonacaのコミュニティのが正しい答えが得られるかなと。

==================================== スマホアプリのサーバー開発・運用は不要に!ニフティクラウドmobile backend サービス詳細  :サービスTOP 機能詳細    :ドキュメントTOP ====================================