Ionic Geofence 项目教程
ionic-geofenceIonic geofence app example项目地址:https://gitcode.com/gh_mirrors/io/ionic-geofence
1. 项目的目录结构及介绍
Ionic Geofence 项目的目录结构如下:
ionic-geofence/
├── hooks/
├── resources/
├── scripts/
├── tests/
├── www/
├── .babelrc
├── .bowerrc
├── .editorconfig
├── .env.sample
├── .gitignore
├── .jshintrc
├── .travis.yml
├── LICENSE
├── README.md
├── bower.json
├── build.json
├── config.xml
├── gulpfile.js
├── icon.svg
├── ionic.project
├── package.json
目录介绍:
hooks/
: 包含 Cordova 钩子脚本。resources/
: 包含应用的资源文件,如图标和启动画面。scripts/
: 包含项目使用的脚本文件。tests/
: 包含测试文件。www/
: 包含应用的源代码和静态资源。.babelrc
: Babel 配置文件。.bowerrc
: Bower 配置文件。.editorconfig
: 编辑器配置文件。.env.sample
: 环境变量示例文件。.gitignore
: Git 忽略文件配置。.jshintrc
: JSHint 配置文件。.travis.yml
: Travis CI 配置文件。LICENSE
: 项目许可证文件。README.md
: 项目说明文档。bower.json
: Bower 依赖管理文件。build.json
: 构建配置文件。config.xml
: Cordova 配置文件。gulpfile.js
: Gulp 任务配置文件。icon.svg
: 应用图标文件。ionic.project
: Ionic 项目配置文件。package.json
: npm 依赖管理文件。
2. 项目的启动文件介绍
项目的启动文件主要是 www/index.html
,它是应用的入口文件。
<!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>Ionic Geofence</title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
</head>
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Geofence</h1>
</ion-header-bar>
<ion-content>
</ion-content>
</ion-pane>
</body>
</html>
启动文件介绍:
<head>
部分包含了应用的元数据、样式表和脚本文件。<body>
部分包含了应用的主要内容和布局。ng-app="starter"
指定了 AngularJS 应用的根模块。ionic.bundle.js
包含了 Ionic 框架的核心脚本。cordova.js
是 Cordova 平台的脚本文件。js/app.js
是应用的主 JavaScript 文件。
3. 项目的配置文件介绍
config.xml
config.xml
是 Cordova 项目的配置文件,包含了应用的基本信息和平台配置。
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.ionicframework.ionicgeofence" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Ionic Geofence</name>
<description>An Ionic project</description>
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
<content src="index.html" />
<access origin="*" />
ionic-geofenceIonic geofence app example项目地址:https://gitcode.com/gh_mirrors/io/ionic-geofence