Welcome to this issue of the ok bet casino Live Talk series. This article recaps an interesting talk by Maxim Salnikov who spoke about the development of native web apps.
What you will learn:
Some pros and cons of web applications
The most important steps to make your own web application
Why use the web as an app platform?
But he also talks about some negative aspects. The most obvious of course is you’ll always need an active internet connection to run your web app, but also it will just work within the browser and not any underlying platform.
Maxim continues with some numbers from the PWA chapter of the Web Almanac 2021. 3.22% of origin web addresses are controlled by service workers. This maybe doesn’t sound like much but when taking into account that these serve almost a fifth (19.26%) of the world's internet traffic it’s huge.
Before looking further into what's available on a native web app basis, you should make sure to enable all the browser flags related to PWA. Otherwise, you would miss a feature because it’s not visible or available.
There are two criteria for a web application to be installable. First, you need a correctly formatted web app manifest and second, you also need to create a service worker with a fetch-handler.
Afterward, you can start by providing some shortcuts. For this just edit the web manifest (site.webmanifest) using the property name “shortcuts''. With this, you can provide a name for a particular menu item and exact action.
When talking about applications one obvious point is how to launch it. For example, for a one-page application you can create a launch-handler in the web manifest like this:
If you want to redirect to an existing instance, you can do this in the main.js file by editing it like this:
For more information regarding the launch-handler follow
Now let’s talk about how the application will look in the environment, also called windowing. For the main window mode, there is a property called “display” in the web manifest. There is also one called “display-override” for ok bet casinoer browsers that support some extra functions. If you want to put some pieces of your UI directly into the title bar you can use the property “windows-control-overlay”. This way you can use 100% of the window for your application.
You can look up more functions .
Maxim states that the tabbed experience is still a bit buggy. But the basic idea of it is wonderful and we should look out for more advances in this area and wait for a more stable version of this.
Next, let’s talk about some outbound integrations. First, we have the web share API. It’s quite a mature one as it has been in development for a few years now. The goal here is to just invoke the native dialog, at this stage, we don’t care how it looks as it will have a different style depending on the browser you are using. You will need the following properties to share a link and text:
Learn more about web-share by following .
In the case of the contact picker API, you can also use one natively to get access to contacts from a certain address book. Here is an example for handling this use-case in the main.js file:
To further investigate the contact picker API, follow
Here is the link for
Now let’s take a closer look at inbound integrations or how the application can be invoked by the OS.
First talk about declarative link capturing. This is quite like the launch-handler and lets us choose if we want to launch in a ok bet casino window or an existing one. You can do this by editing your web manifest:
To take a closer look at link capturing go to
To choose where to launch an URL you need a handler for that as well. Look at the to learn how to successfully implement one into your application.
The next logical step would be to declare your app as a handler for the files it can create and process (as seen in the file-system-access section). To make this possible you can add a file handling API. Here is the link to the
After that look into the . It allows your app to declare itself as a web share target, which can receive shared content from either the API or system events.
Regarding notifications, you can use the Badging API. It blends perfectly in with the environment and therefore is a subtle way to notify the user about ok bet casino activities that might require attention. Look it up under .
Lastly, you can add some useful background services to your app like background sync or push messages. Follow to find those who fit your needs
After looking at all these possibilities that are offered by native web apps nowadays one can assume that we are finally there and can run everything natively. Although Maxim points out that there are some areas in which we are still behind, the direction is clear.
Benedikt is a media-technology student, computer hardware enthusiast, and proud dog dad. His mind is always on the latest tech ok bet casinos and how to make use of them. Currently, he is doing an internship at ok bet casino.
Ready to take charge of your dev career?
Join Europe's leading job platform for software developers!