序言：本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易，对于 Ionic 入门学习有一定帮助。因为文章是去年发表，所以教程内关于 Okta 的一些使用步骤不太准确，但是通过 Okta 的官网也可以找到对应的内容。另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要在这方面浪费太多时间，可以直接在 Ionic 的 GitHub 仓库 中下载 starter 模板。
原文：How to Sprinkle ReactJS into an Existing Web Application
译者：nzbin
使用 Okta 和 OpenID Connect (OIDC)，可以很轻松的在 Ionic 应用中添加身份认证，完全不需要自己实现。 OIDC 允许你直接使用 Okta Platform API 进行认证，本文的目的就是告诉你如何在一个 Ionic 应用中使用这些 API。我将演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录； 由于功能还在开发中，所以省略了用户注册。
为什么使用 Ionic？Ionic 是一个用于开发原生及先进 web 应用的开源的移动端 SDK。它使用 Angular 和 Apache Cordova ，可以用 HTML、CSS、和 JavaScript 来开发移动应用。Apache Cordova 将 HTML 代码嵌入到一个设备上的原生 WebView 中， 通过外部功能接口来访问原生资源。你可能听说过 PhoneGap —— 这是 Adobe Cordova 的商业版本。
Cordova 和 PhoneGap 允许你使用一套代码开发多个平台的应用 (比如 Android 和 iOS) 。除此之外，应用程序和原生程序相差无尽并且和原生体验一样好。如果你需要开发原生功能，使用 web 技术是无法实现的，但是有些原生插件可以实现。 Ionic Native 是这些插件的精选集。
我第一次使用 Ionic 是在 2013 年底。当时我做的项目是开发一款原生应用，但是打算使用 HTML 来开发适配多个屏幕的应用，这样 web 开发者也可以参与开发。我在 2014 年的三月写了我的经历。我喜欢使用 Ionic，我发现使用 Ionic 移植现有的应用程序更多的就是修改 HTML 和调整 CSS。
Ionic 2 在 一月份发布， 可以使用 Angular 开发 Ionic 应用。 Ionic 3 在 四月份发布，允许使用 Angular 4 进行开发。
注意： "Angular" 是 Angular 2+ 的通用名称。AngularJS 是 1.x 版本的名称。之所以用 Angular 命名是因为在 2017 年的三月发布了 Angular 4 。可以查看 Branding Guidelines for Angular and AngularJS 了解更多信息。
本文会演示如何创建一个简单的 Ionic 应用以及如何添加用户身份认证。大多数的应用都需要身份认证，这样才能知道用户是谁。一旦 app 知道你的身份，它就可以保存你的信息及个性化的功能。
开始使用 Ionic为了设置 Ionic 的开发环境，需要完成以下几步：
安装 Node.js
使用 npm 安装 Ionic 和 Cordova： npm install -g cordova ionic
创建一个 Ionic 应用在 terminal 窗口中，使用以下命令创建一个新的应用程序：
ionic start ionic-auth