mobilesolutionsliferay.pdf

Transcript

1. Mobile solutions in Liferay Sarai Díaz Software Engineer Victor Galán Software Engineer
2. Please ask questions
3. Mobile SDK
4. localhost:8080/api/jsonws
5. • Consume existing Liferay APIs – Directly or with the Liferay Mobile SDK • Roll our own JSONWS API
6. Simplify Liferay API consumption • HTTP requests (synchronously or asynchronously) • Parses JSON results • Handles server-side exceptions • Authentication & permissions
7. Liferay Mobile SDK Project page Documentation Currently 2 versions: 6.2/7.x branches and 2.x (android)
8. Generate custom services git clone https://github.com/liferay/liferay-mobile-sdk ./gradlew createModule (-P=all) ./gradlew generate Documentation
9. Generating services: demo
10. Calling services: iOS let authentication = LRBasicAuthentication(username: "test@liferay.com", password: "test") let session = LRSession(server: "http://localhost:8080", authentication: authentication) let service = LRGroupService_v7(session: session) let groups = service?.getUserSitesGroups()
11. Calling services: Android Authentication authentication = new BasicAuthentication("test@liferay.com", "test"); Session session = new SessionImpl("http://localhost:8080", authentication); GroupService service = new GroupService(session); JSONArray groups = service.getUserSitesGroups();
12. Liferay Screens
15. Component oriented
18. Android Installation Add this line to your gradle compile ‘com.liferay.mobile:liferay-screens:3.0.3'
19. iOS Installation Create Podfile with this content pod ‘LiferayScreens’
20. Screenlets • Both platforms: Android and iOS • Connected with a Liferay instance • Default theme • You can use as many as you want!
21. Auth Screenlets • Login • SignUp • ForgotPassword
22. Asset Screenlets • AssetDisplay • AssetList • Image, Audio, Pdf, Video • BlogsEntryDisplay
23. Image gallery Screenlet With three themes by default: • Grid • List • Slideshow
24. Comment Screenlets • CommentList • CommentDisplay • CommentAdd
25. Rating Screenlet With several themes by default: • Stars • Thumb • Like • Emojis
26. Other Screenlets • UserPortait • WebContentList • WebContentDisplay • WebScreenlet
27. Themes • Custom UI for the screenlets (to fit your brand) • Extend behaviour
29. Liferay Screens: demo
30. WebScreenlet
31. The hybrid screenlet
32. WebView with vitamins
33. ¿What are this vitamins? • Liferay authentication • Any web supported • Client side or server side customization • Bidirectional hybrid-native communication • Cordova integration!
35. Native navigation with hybrid content Native navigation Native navigation
36. Demos
37. Web responsive to native app
38. Web responsive to native app
39. Setting the configuration WebScreenletConfiguration cfg = new WebScreenletConfiguration .Builder(“/home”) .addLocalCss(“local.css”) .addLocalJs(“local.js”) .enableCordova() .load(); webScreenlet.setWebScreenletConfiguration(cfg); webScreenlet.load();
40. Specific liferay page for hybrid content
41. Documentation • Android • iOS
42. Xamarin
43. Cross-platform approach Single codebase (JS, C#…)
44. for
45. ? How many screenlets can I use? 21 Screenlets
47. Xamarin and C# ecosystem Native 
 experiences 3rd part libraries (NuGet) Development for all the devices Advantages?
48. 1 Install Liferay Screens NuGet package 3 Steps
49. Download the NuGet https://www.nuget.org/packages/LiferayScreens • Add package from app • Manually from web
50. 2 Add and configure view: class, atributes…
51. Add screenlet container • Programmatically • Layout or Storyboard/XIB
52. 3 Deploy the application in the device
53. How to use Liferay Screens in Xamarin: demo
54. Xamarin resources • Official documentation • Liferay Screens for Xamarin library • Sample apps • Documentation • Developer network: requirements in each screenlet
55. Liferay Push
56. Send Push notifications from anywhere in Liferay to Android and iOS phones
57. Install plugin
58. Push Portlet
59. Push Portlet
60. Use the push portlet to send a push PushNotificationsDeviceLocalServiceUtil .sendPushNotification( new long[]{20156}, JSONFactoryUtil.createJSONObject("{ajskld:asdsad}"));
61. Generate Android certificate Firebase, console Project settings Cloud Messaging -> SenderId -> 176310287574 Server Key -> AAAAKQzpfNY:APA91bEBDB6aU1ZVf07D36MFucdf6qf2BsZGenCjF-WCeynhd9jheifBjYzNHW7x7WA1r8pexxC1ivZjd9z9UKyYZmhnNxIwzq_12K8ne2rPPQreRNt1SK8PTJVJz9EKyC_3gD1I_sY- Legacy Server Key -> AIzaSyA7BbIoEz32C5g1C8GOBpxBlyUDbPyezkg
62. Configure server for Android System Settings, Firebase or Legacy Server
63. Configure app to receive push Gradle dependency: compile 'com.liferay.mobile:liferay-push:1.1.1' Register device Push.with(SessionContext.createSessionFromCurrentSession()) .withPortalVersion(70) .register(this, "176310287574");
64. Permissions (+Internet) <uses-permission android:name="com.google.android.c2dm.permission.RECEIVE"/> <uses-permission android:name="android.permission.WAKE_LOCK" /> Add a BroadcastReceiver and a IntentService to your project: <receiver android:name=".PushReceiver" android:permission="com.google.android.c2dm.permission.SEND"> <intent-filter> <action android:name="com.google.android.c2dm.intent.RECEIVE"/> <category android:name="com.liferay.mobile.push"/> </intent-filter> </receiver> <service android:name=".PushService"/> Configure app to receive push
65. Configure app to receive push public class PushReceiver extends AbstractPushReceiver<PushService> { protected Class<PushService> getPushServiceClass() { return PushService.class; } } public class PushService extends AbstractPushService { protected void processJSONNotification(JSONObject json) throws JSONException { Log.e("TAG", json.toString()); } }
66. Show a notification if the application is active: BusUtil.post(json); Push.with(session).onPushNotification( new Push.OnPushNotification() { @Override public void onPushNotification(JSONObject jsonObject) { } } ); Configure app to receive push
67. Push with Android Sample Application Documentation!
68. Configure screens to receive push Push Screens App extends PushScreensActivity protected Session getDefaultSession() { } protected void onPushNotificationReceived(final JSONObject jsonObject) { } protected String getSenderId() { return "SENDER_ID"; }
69. iOS Create empty app Add push capabilities & Background mode, remote notifications
70. Generate iOS certificate • Apple developer account, Certificates, Identifiers and Profiles • Specify App name, Bundle ID and select Push Notifications • Keychain Access, Certificate Assistant -> Request a Certificate • Select app from App IDs, Edit, go to Development SSL certificates and click Create Certificate • Development certificate to Keychain Access. Go to Keychain Access, My Certificate, export to p12 • Link
71. Configure server for iOS
72. Configure app to receive push pod install ‘Liferay-Push’
73. App to receive push let session = LRSession.init( server: "http://192.168.50.224:8080", authentication: LRBasicAuthentication(username: "test@liferay.com", password: "test")) LRPush.withSession(session!).registerDevice()
74. App to receive push func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) { let deviceTokenString = deviceToken.map { String(format: "%02.2hhx", $0) }.joined() print("APNs device token: \(deviceTokenString)") LRPush.withSession(session!) .onSuccess({ (value) in print(value)}) .onFailure({ (error) in print(error)}) .registerDeviceToken(deviceTokenString)
75. App to receive push func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) { print("Remote notification support is unavailable due to error: \ (error.localizedDescription)") }
76. iOS 10 > let center = UNUserNotificationCenter.current() center.delegate = self center.requestAuthorization(options: [.sound,.alert,.badge]) { (granted, error) in if granted { print("Notification Enable Successfully") } else{ print("Some Error Occure") } }
77. Thanks! Questions?