Website to App using deep linking

MIT App Inventor Help
1

Hi There!
I am trying to create an app, that is basically my website. (WebView)
But wait a minute, my query is different from everyone here.

  1. I have a Wordpress website. That means integration is needed in the app.
    I want all the links in mobile (where the app is installed) like * = Wildcard
    https://.MYSITE.URL/ To be opened in my app only. That means it must show a dialog box to choose a prefered app and that thing.

  2. I want a additional menu like a left side bar. I want my default menu to be overriden in my app.
    Like Default menu in website must change in the app design, contents must remain same, only thing is that the style/design is changed.

  3. Wordpress login and dashboard integration, so there must not be a simple web view only. I should be able to do all works. Means App must be Native.

  4. My app must detect user agent. That means only a specific user agent in my app to be detected by my wordpress site, and rest other MOBILE user agents will be shown a pop-up ad or like suggestion to install this app.

  5. The last thing I want, that my native app is like other apps available in playstore like Amazon, etc. I don’t want it published, just like an example.

This is my first post. Looking for help.
Regards,

2

you might wnt to use a webviewer extension, see the extensions directory https://puravidaapps.com/extensions.php and try for example

Webview Tools Extension Version 8 by LukeGackle
WebViewCookieTools Extension by LukeGackle
WebViewerDialog Extension by Ben
Extended WebViewer Extension by Ben and Sivagiri_Visakan
Extension: Create WebViewer by code, Zoom etc. by Juan Antonio
Webviewer Interact Extension by Zhangzqs
Deep Links in a WebViewer Extension by Ken
Custom WebView Extension by @vknow360

Taifun

Trying to push the limits! Snippets, Tutorials and Extensions from Pura Vida Apps by Taifun.

1 Like
3

Hi @Taifun
Mine ones does not have built-in Deep Linking method but still it can be done using Page Started event manually (Although it is even possible in AI2).
Also you should rename title in extension’s directory i.e. Custom WebViewer to Custom WebView.

2 Likes
4

Hi there! Thank you for replying, but I am noob in app development can you help me?
What do you mean by this message??
Deep linking included??

5

yoiu might want to try something yourself and if you get stuck, post a screenshot of your relevant blocks... first learn the basics (see below)... after that you also might want to search for "deep link" in the community...

A very good way to learn App Inventor is to read the free Inventor's Manual here in the AI2 free online eBook http://www.appinventor.org/book2 ... the links are at the bottom of the Web page. The book 'teaches' users how to program with AI2 blocks.
There is a free programming course here http://www.appinventor.org/content/CourseInABox/Intro and the aia files for the projects in the book are here: http://www.appinventor.org/bookFiles
How to do a lot of basic things with App Inventor are described here: http://www.appinventor.org/content/howDoYou/eventHandling .

Also do the tutorials Our Tutorials! to learn the basics of App Inventor, then try something and follow the Top 5 Tips: How to learn App Inventor

Taifun

Trying to push the limits! Snippets, Tutorials and Extensions from Pura Vida Apps by Taifun.

6

can you explain it a bit more

1 Like
7

Hi @Thriller_Gaming Welcome
Now it is possible to enable deep linking in webview (Added in v4).
For example if an url starts with tel: then your phone's dialer will be opened with given phone number.

1 Like
8

Wow, can you explain me how?
Many thanks.

9

Already explained:

Currently it supports:

  • tel
  • whatsapp
  • intent
  • geo

More are coming in next update.

10

I don't see any part of documentation even. Where to apply these things?
Any guide? pdf? extension or what??

11

Let me understand what I want.
I have several online websites, which I want to convert to an app.

  1. Now I will be naming my sites as:
    SITEA
    SITEB
    SITEC

  2. Now I will create a web-view application from this AI2 app inventor.
    I will make sections inside it, so my single app will show me all my websites SITEA, SITEB and SITEC.

  3. Now mobile has usually a mobile browser like chrome. Now what I want that from any platform when a user clicks the links like this: (Wildcard link = #)

    http://#SITEA/# ---> Section A
    http://#SITEB/# ---> Section B
    http://#SITEC/# ---> Section C
    where the sections is already described. I want this type of deep linking.

My Question: Is this type of deep linking available in AI2 App Inventor? I know it is possible in applications like Android Studio etc, but I will invest my time, where I can do it more easily and accurately.
If this type is not available, maybe then take it as a feature request.

Regards,

12

I'm not sure, if I understand...
is my understanding correct like this: Section A, B and C are App Inventor screens and after button click onto a link on for example http://#SITEA/# you like to open the screen, which contains "Section A"?

Taifun

13

Yes, you are probably correct.
Sections are the screens that will be available in AppInventor using some kind of menu. I was planning that I will create a sidebar on top left of the application that will show up a vertical menu of all three webview sections.

14

No.Not even in Kodular or any other AI2 distro.
The thing you want to do is called Deep Linking or Dynamic Links which is not possible but deep links are possible in AI2.

15

You might be able to do something with the webviewstring and some javascript on your web pages (you will need some conditional statements to exclude the webviewstring for when viewing outside of the app)

16

I am sorry but you are saying deep linking is not possible, and you are also saying that it is possible?

Maybe that's I was looking for. Is this officially supported inside App Inventor?

17

Yes.

WebViewString

18

Yes I see. But I am not sure what does pravidsapps mean. I mean this is not the website from app inventor.

See in terms of website development, I am far good than app development. So a guide would be better. One of the pages that i would be converting: teamelites.eu.org

19

I never said that.
Deep Linking: when someone visits your website or given link in a browser then your app will be opened
Deep Links: when you visit a website in your app and you click on a URL which starts with a specific prefix like tel: for dialer and sms: for SMS then default apps will be opened.

20

The link to puravidaapps shows you how to use the webviewstring to send/get data to/from a web page. Your url doesn't open in my browser.....

1 Like