build,run and manage mobilefirst apps with eclipse
TRANSCRIPT
© 2016 IBM Corporation 1© 2016 IBM Corporation
Build, run and manage MobileFirst appsusing EclipseWhat’s new in v8.0
© 2016 IBM Corporation 2Foundation
© 2016 IBM Corporation 5Foundation
Simple, scalable and proven enterprise mobile middleware deployable on-premises and on Cloud
MobileFirst Foundation
to protect from mobile-specific threats
Mobile AnalyticsApp Lifecycle Management
Backend Logic Engine
Comprehensive Security
to better understand your users
to reduce time and costs of operations and
incremental updates
to add server-side logic to your app
essential backend services that every app
needs
Push & Offline Sync
© 2016 IBM Corporation 6Foundation
Before you beginBe sure that you have the following prerequisites before you start the procedure:
• A Mars Java™ EE version of Eclipse, or later.
• Java JRE version 7, or later.
• Node.js version 4.x, or later.
• The Cordova command-line interface, version 6.1.1, or later.
• The IBM MobileFirst Platform Command Line Interface (CLI).
• An internet connection.
© 2016 IBM Corporation 7Foundation
Access the MobileFirst Foundation backend services via SDK, no matter which front-end framework, codebase, or tools you choose
Providing Consistency with Choice Your choice of front-end framework and tools
DevelopmentFramework
IDE & Tools
MobileApp Builder
MobileFirstStudio plugins for Eclipse
Bring-your-own
Develop in native or hybrid and integrate any front-end framework
Build with any development tools, including Xcode, Android Studio, and Visual Studio, and MobileFirst Studio Plugins for Eclipse
PUSH NOTIFICATIONS
AUTHENTICATION
BUSINESS LOGIC
OFFLINE SYNC
MobileFirst FoundationM
ANAG
EMEN
T
ANAL
YTIC
S
SECU
RITYMobileFirst in Bluemix
Make good apps great
© 2016 IBM Corporation 9Foundation
MobileFirst “Studio” Plug-in
© 2016 IBM Corporation 10Foundation
Description+ This plug-in, along with the third party ThyM plug-in, allow a user to manage their Cordova project and run
specific mfpdev cli commands in Eclipse
+ THyM: Allows the user to manage Cordova apps in Eclipse
+ Create a new Cordova project
+ Import an existing Cordova project
+ Add plugins to your Cordova project
+ Run your project on the appropriate platform
+ IBM MobileFirst Studio: Allows user to run specific mfpdev cli commands on their Cordova project in Eclipse
+ Open server console
+ Preview app
+ Register app
+ Encrypt app
+ Pull app
+ Push app
+ Update app
© 2016 IBM Corporation 11Foundation
Support+ You can no longer create a Legacy Hybrid application with this “Studio”
+ You must be running Eclipse Mars or later
+ You must have cordova-cli 6.1.1 or later installed• npm install –g cordova
+ You must have the IBM MobileFirst Platform CLI (mfpdev-cli) installed• npm install –g mfpdev-cli
+ Any log output from cordova, cordova-plugin-mfp or mfpdev will be present in the Eclipse console pane
• To enable debug level logs in the console:
- Open Eclipse Preferences
- Select MobileFirst Studio Plugins
- Click Enable debug mode, select Apply and then OK
© 2016 IBM Corporation 12Foundation
Install+ Install IBM MobileFirst Studio and THyM 2.0 through the Eclipse Marketplace
• In Eclipse go to Help -> Eclipse Marketplace
• Search for IBM MobileFirst Studio Plug-in and be sure to install the 8.0 version
• Search for THyM and install the 2.0 version
• Must restart Eclipse after installing these
© 2016 IBM Corporation 13Foundation
Creating a Cordova project+ Click File -> New -> Other+ Expand Mobile and select Hybrid Mobile (Cordova)
Application Project
+ Fill out Project name and click Next
+ Select desired platform• iOS must be at least 4.1.1
• Android must be at least 5.1.1
• Windows must be at least 4.3.2 *If you don’t have any of the valid engines, click Download and select what you need
© 2016 IBM Corporation 14Foundation
Creating a Cordova project+ Click Finish+ You can see the log output in the Console pane
+ To install the cordova-plugin-mfp (or any other plugin), right-click project and select Install Cordova Plug-in
© 2016 IBM Corporation 15Foundation
Importing an Existing Cordova Project
+ Click File -> Import+ Select Mobile -> Import Cordova Project+ Click Browse… and select the root directory of the existing Cordova project+ Ensure the project is selected in the Projects: section and click Finish+ Note: you must have at least one platform added to the existing Cordova project
or you will get an error when trying to import
+ If the project doesn’t already have the cordova-plugin-mfp, you can add it the same way as with a new Cordova project
© 2016 IBM Corporation 16Foundation
Add New Platform to Project+ To add a new platform to an already existing project, right-click the
project and select Properties+ Select Hybrid Mobile Engine
+ Download or select an already cached platform
+ Click OK
© 2016 IBM Corporation 17Foundation
Using the MobileFirst CLI Commands
+ Once you have created or imported a Cordova project and added cordova-plugin-mfp, you can start using the MobileFirst CLI Commands on your project
+ You access the available commands by right-clicking the project and selecting IBM MobileFirst Platform Foundation
© 2016 IBM Corporation 18Foundation
Using the MobileFirst CLI Commands
+ Example console output from app register
© 2016 IBM Corporation 19Foundation
Using the MobileFirst CLI Commands
+ Just like with the mfpdev-cli, the server must be running when executing these commands through Eclipse
+ If not, you will see some errors like this
© 2016 IBM Corporation 20Foundation
Limitations
+ You can’t run cordova prepare through THyM, which is a command heavily used in a cordova project (updates web resources for each platform) – again you need to resort back to cordova-cli for that• Note: you can do cordova build by running the app (right-click project and select
Run As…) which triggers a cordova prepare
© 2016 IBM Corporation 21Foundation
Demo
mobilefirstplatform.ibmcloud.com