標籤：
meteor架構的優點不言而喻，它大大減輕了App前後端開發的負擔，今年5月又獲得B輪2000萬融資，代表了市場對它一個免費、開源開發架構的肯定。cordova的優點就是外掛程式多，ionic的優點是UI漂亮並且效能是目前hybird架構中最好的，本文涉及到的技術為作者所用，簡述meteor+cordova+ionic的整合方法。
1，建立項目
meteor create projectName
cd [projectName]
meteor add urigo:angular
meteor add urigo:ionic
2，[projectName].html
<body ng-app="starter"> <div ng-include="‘index.ng.html‘"></div></body>
3，tags.ng.html
<ion-tabs class="tabs-positive tabs-icon-only"> <ion-tab title="Home" href="#/tab/home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline"> <ion-nav-view name="home-tab"></ion-nav-view> <!-- Tab 1 content --> </ion-tab> <ion-tab title="About" href="#/tab/home2" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" > <ion-nav-view name="home-tab2"></ion-nav-view> <!-- Tab 2 content --> </ion-tab></ion-tabs>
4，states config code
app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state(‘tabs‘, { url: "/tab", abstract: true, templateUrl: "tabs.ng.html" }) .state(‘tabs.home‘, { url: "/home", views: { ‘home-tab‘: { templateUrl: "home.ng.html", controller: ‘HomeTabCtrl‘ } } }) .state(‘tabs.home2‘, { url: "/home2", views: { ‘home-tab2‘: { templateUrl: "home2.ng.html" } } }); $urlRouterProvider.otherwise("/tab/home"); })
5，app init的代碼
if (Meteor.isClient) { var app = angular.module(‘starter‘, [ ‘angular-meteor‘, ‘ui.router‘, ‘ionic‘ ]);...
6，添加inappbrower plugin
meteor add cordova:[email protected]://github.com/meteor/cordova-plugin-inappbrowser/tarball/8012ae709bb749eaad434c05cd7e2aeda8f3a425
其中tarball/後面是SHA1，在github的每次提交中可以查看到：
可以直接點表徵圖copy。
6，移除cordova plugin的文法
meteor remove cordova:org.apache.cordova.inappbrowser
7，inappbrower的用法
詳見https://github.com/meteor/cordova-plugin-inappbrowser
附：
在meteor中如何使用ionic組件tabs，及如何添加使用cordova plugin inappbrower
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
