How to Use a Custom Component in Ionic 4 Apps | Appery.io

In our new video tutorial, we demonstrate how to create new custom components for Ionic 4 Apps. You can create a text area component just by following our step-by-step guide.

How to Convert a Google Site into a Mobile App | Appery.io

Converting your Google site and creating a mobile application using the Appery.io platform is really easy. Alexander from the Appery.io team demonstrates how to do it just by making a backup of a website and adding it to Appery.io.

How to Create an Event App with Appery.io

In our latest video, Alexander from the Appery.io team will walk you through the process of creating an event app. This application will use several plug-ins to search for the best places to party in a particular area and display them on an online map.

Ionic 4 Secure Storing Data into Mobile Application

Please check out the new Ionic 4 Secure Storage Plugin tutorial on our Appery.io channel. In this video, you will learn how to use the Appery.io Secure Storage Plugin to securely store data in your own mobile application.

A Brief Note on Updates to Cordova Versions

We have updated our Cordova versions for iOS 5.0.1 and Android 8.0.0. And we recommend that you update your App Libraries version to the higher version.

Libraries version

Also, for Android platform we highly recommend you use higher minimum and target SDK versionx for modern Android devices.

Android binary

How to Test Progressive Web Apps on iOS devices.

Starting with iOS version 11.3, Apple shipped basic support for PWA on iPhones and iPads, such as service workers and app manifest files. However, only some of the PWA features are supported right now on iOS. In future iOS updates (version 13.0), we expect much better support of PWA features.

Requirements to Run as a Progressive Web App on iOS

  • Website served fully via HTTPS
  • A Web App Manifest for the website with a name or short_name property
  • Service Worker registered with a fetch event handler
  • Display property set to standalone, fullscreen, and minimal-ui

Using Appery.io, you don’t need to worry about these settings as the Appery.io PWA feature supports all of this “out of the box.” For more information please visit our documentation on the feature.

Steps to Install and Test PWAs on iOS Devices

For iOS devices, PWA currently works only on Safari Browsers. Browsers like Chrome for iOS, Firefox Focus for iOS, Dolphin Ghostery, Opera Mini, and Adblock Browser don’t support PWA at the moment. Here are the steps.

  1. Make sure that you have cleared all browsing data.
  2. Visit the website that you have published using the Appery.io PWA feature.
  3. Tap the Share button (at the browser options menu).
  4. From the options, tap the Add to Home Screen option. You will notice an icon of the website or screenshot of the website added to your device home screen instantly.

    Add to Home Screen

  5. Tap the icon from Home Screen, after which the Progressive Web App of your website will be loaded. (You won’t see the Splash Screen and background color which you set upon Manifest right now, as both are not supported on iOS although we are working on bringing such support to Appery.io PWA on iOS.)
  6. In the PWA navigate through some of the web pages you like, then disconnect the Internet on your iOS device, and then close the web app.
  7. After that tap the web app icon again. You will notice that all the pages that you haven’t viewed will be shown by an Offline page that you set up in the service worker within the PWA App Settings.

There are a few limitations, like limited cache capacity (50MB) on iOS right now, but there’s enough for most sites to at least cache placeholder images along with the necessary HTML, CSS and JavaScript to drive a reasonable offline experience. If you need more storage you can build an intelligent caching system to leverage IndexedDB. This can give you up to 500MB of additional storage, which is available to service workers. Check out our tutorial on how to use IndexedDB in Appery.io.

Some Useful Tips When Working With PWA

Basic Thesis

PWA works only in SSL secured mode. Therefore you need to use URL to your App only with HTTPS protocol.

All resources in your application should be also set as HTTPS.

In case of using at least one HTTP resource, your app will not be considered as a PWA.

Your app should be published on a custom domain. For this, you need to open your app on the “General”  tab and scroll down to “Hosting” options. There you can set your own domain or a subdomain of “.app.appery.io” to host your app.
Note: every time you have made changes in your App you need to click “Publish” button to make it available on the published domain.

PWA Activation

Open Project -> App settings -> PWA.

Click on the checkbox “Enable PWA publishing” to enable PWA in your Appery.io app.

Set  “Label”, “Short label” and “Description” for your PWA application.

Set at least one type of icon for your PWA app. Please note that only appropriate size .png files are accepted as icons in this interface.

Route handlers (rare case)

This part of PWA options is used to control custom resources loading. There are two ways to load resources. By network and by the cache. There is also a combination of these ways.

You can not control Appery.io builtin resources, you can only control custom resources. Let’s try how it works:

  1. Add an image component to your application.
  2. Use custom URL (not from media manager) for this image. Note, it should be HTTPS, as well as all other resources in your app.
  3. Open PWA settings and set appropriate resource URL and needed network strategy.

How to test PWA:

First, run your App:

  1. Open your browser and load your App by using your custom domain URL.
  2. Open browser debugger (usually, by clicking F12 button).
  3. Navigate to debugger “Application” tab.
  4. Click on “/manifest.json” to check your App current manifest JSON file.
  5. Set other parameters on “Manifest” tab. There should be no any errors and warning.
  6. Navigate to “Service workers” tab.
  7. There should be information about current service worker and its’ state. Like “#5557 activated and is running”. It does mean “Service worker with identifier 5557 installed and currently activated”.

If you need to make changes in your App (change label, add button etc.) you should save changes first.

Then click “Publish” App to publish a new version on the current custom domain. Wait until publishing process will succeed.

Update your App in a previously opened window.

In “debugger->Application->Service workers” you will see the current worker is set an old one. And the new worker is installed but is waiting for something. You will notice there are no changes on the page you have made previously.

To activate new service worker you need to click on “Skip waiting” in the debugger.

Close all tabs which are using this service worker in the browser (usually, all tabs with this URL should be closed).
After this, you need to open a new tab and load application URL here again. Then open debugger on “Application” tab and you will see the new service worker active.

Changes to Appery.io Tester App for iOS

Our Appery.io Tester App for iOS has been updated and now includes the new Cordova version.

Release Highlights:

  • Cordova iOS 4.5.5
  • Added Ionic 3 support
  • fix minor bugs

Update or re-install Appery.io Tester App on your device. In our upcoming Appery.io release, we will update both Android and iOS Cordova platforms versions.

Hacking a Hackathon with Appery.io

A hackathon is usually an all day long coding competition where a motley team of software programmers, developers, and designers sit together to design and develop something quickly. The goal of a hackathon is to create usable software in the least amount of time. In order to avoid the burden of building infrastructure and steep learning curve issues, many hackathon attendees (“hackathonees”) search for a Swiss army knife to use.

Luckily, with Appery.io, a cloud-based rapid software development platform, hackathonees satisfy all of these goals. Among them are top-notch companies such as a the largest bank in the Middle East, a worldwide healthcare company, and a global hackathon organization that has already fueled many internal and public codefests with Appery.io.

Concentrate on Innovation Not Infrastructure

Appery.io has integrated mobile back-end services, including database, push, and server code. In addition, it can be used to easily and securely integrate apps with any back-end system. Offline synchronization is included, too. And, dozens of free out-of-the-box plugins are available.

Smooth Learning Curve

According to the Appery.io community members, it takes just 2 to 3 days for a novice to master the platform and start building functional hybrid apps. (Of course, some basic knowledge of JavaScript, HTML, CSS, and databases are nice to have to make the learning curve shorter.) In addition, the platform has tons of well-organized DIY videos and manuals as well as free downloadable sample apps.

Easy to Start

Here is a five-minute video showing how to build a mobile app with a cloud database from A to Z.

Are you a hackathonee? Start using Appery.io for FREE!

Appery.io מסטארט-אפ לארגון עסקי: ממנפים עם

בישראל, מדינה קטנטונת המונה רק שמונה מיליון תושבים, יש יותר סטארט-אפים לנפש מבכל מקום אחר בעולם. רוב הסטארט-אפים הישראליים מתמקדים באבטחת מידע, שיווק דיגיטלי, ציוד רפואי, וטכנולוגיות של תוכנה כשירות.  לרוע המזל, מזה כעשור חברות סטארט-אפ ישראליות נאלצות להיאבק על גדילתן. רק מספר מצומצם של חברות התפתחו לכדי ארגון עסקי של ממש. זהו מצב מאכזב למדינה עם פוטנציאל כה רב.

כל סטארט-אפ הוא ייחודי, אך כל יזם מתמודד עם אותו מכלול של אתגרים אסטרטגיים שיש להתגבר עליהם. לפי יזמים מצליחים, ברגע שמוקם סטארט-אפ, נדרשת מן המייסד תשומת לב מיוחדת לכמה שאלות אסטרטגיות הנוגעות לטווח הארוך, בכדי שיוכל להתפתח ולגדול.

  • איך אני מחזק את עמדתי בשוק באמצעות חדשנות?
  • איך אני מעודד צמיחה של הון אנושי?
  • איך אני מושך משקיעים מקרנות הון-סיכון זרות?

במסגרת ההתמקדות בנקודות אסטרטגיות אלה, הסביבה המובילה בפיתוח מהיר של אפליקציות רספונסיביות לנייד, מבוססת-ענן  וידועה בשם  Appery.io, יכולה לשמש כאולר שוייצרי עבור יזמים. ולהלן הסיבות:

התמקדות בחידוש ולא בתשתית

עם Appery.io כל מפתח מן השורה יכול לפתח בחמש דקות אפליקצית נייד היברידית בסיסית המקושרת לבסיס נתונים בענן.

יתר על כן, צוות מפתחים מקצועי יכול בקלות לשדרג את האפליקציה הבסיסית המקורית עם   Appery.io built-in enterprise  features (מאפייני ארגון מובנים). ב success story (סיפור הצלחה) מן הזמן האחרון אנחנו מתארים שיתוף פעולה כזה שבו הלקוח תכנן את מסכי האפליקציה באמצעות הפלטפורמה ואז המפתחים שלנו הוסיפו לזה את השאר.

להרחיב במהירות את הצוות

עם מרכזי מו”פ (מחקר ופיתוח) בצפון אמריקה ובאירופה,  Appery.io יכולה להגדיל צוות סטארט-אפ למשימות של חמש שעות, ארבעים שעות או אף למשימות ממושכות יותר. בנוסף, זמין ללקוחותינו קו תמיכה  24/7.  כל הצוות המקצועי של  Appery.io מורכב מהוגים יצירתיים ומנהיגים שהינם, בנוסף, דוברי אנגלית ורוסית ברמה גבוהה.

שער כניסה לשוק העולמי

Appery.io מספקת לחברות סטארט-אפ כמה נתיבים לשוק העולמי. חברת האם שלה,  Exadel משרתת חברות רבות מרשימת ה-500 של Fortune. ל- Appery.io יש קהילת פלטפורמה platform community)) נרחבת המונה מעל 300,000 לקוחות מרחבי העולם. בנוסף, האתר של  Appery.io מפרסם סיפורי הצלחה רבים של פרוייקטים חדשניים שמשתמשים בפלטפורמה שלנו עבור קהלים מכל העולם:

מילות סיום

עוד דבר אחד: שום דבר אינו חקוק באבן.  העזו לרצות. Appery.io כאן כדי לסייע לכם.