Note: Web apps now have better and more readable links, allowing you to share specific screens as a URL. To learn more about screen sharing, see the section in the article below. If you would like to use this, please contact Fliplet support so we can enable it for your app.

Publishing your Fliplet App to the Web

After you’ve created and tested your Fliplet app, you can choose to deploy it to the supported publishing channels, including the Web. This will create a URL for the app, as well as specific screens you can share publicly.

Why Publish your Fliplet App to the Web

By publishing your app to the web, anyone with the link can access your app from web browsers on any computer, without downloading an app to their devices. If you have security settings, users will still need to verify or login.

How to Publish your Fliplet app to the Web

Open the app you want to publish in Studio and click the Publish tab in the top right of the screen. Click the Select button to the right of the Web channel. 

Then, on the popup window, click Publish. The popup window then refreshes and displays a link to the app’s URL. To go to the app, simply click on the link.

From this same window, you can copy the URL and unpublish it. You can also show the embed code that will allow you to embed the app on another web page. 

Once the app is published to the web, the channel displays a Published text. There is also a Manage settings button which, when clicked, displays the same details about the app that we discussed earlier.

After you have published your app, you will also have access to share individual screens. Click the settings icon next to a screen in Edit mode and you will see this dropdown:

“Copy shareable link” will add the link to your clipboard so you can paste it in an email or wherever you’d like.

Options of distributing your web app

  1. URL from Fliplet
    When publishing your web app you will be provided with a URL that users can use to access the app.
  2. Embed web app within an existing web page
    When publishing your app you will be given the option to “see embed code”. This will allow you to embed the app on another web page. For more help see here.
  3. Redirect an existing URL to your Fliplet web app URL
    For example, redirect     https://example.com/my-app to https://apps.fliplet.com/my-app
    To redirect from your web page you will need to use JavaScript, HTML meta tags, or your web server.  
    1. For JavaScript put this code into the webpage you want to redirect users from
       
      window.location.replace("http://www.w3schools.com");  
    2. For HTML meta tag put this code into the webpage you want to redirect users from
       
      <html>
<head>
<meta http-equiv="refresh" content="1;url=https://apps.fliplet.com/my-app" />
<title>Page Moved</title>
</head
    3. For Windows IIS web server see here.
    4. For Apache web server see here. 

Options of Publishing to the Web

Publish to the web via a URL

Publish

Publishes the app to the web via a URL

App URL

Displays the URL for the app

Edit

Allows you to customize the app URL 

Save

Saves the changes to the app URL

Cancel

Cancels the changes to the app URL

Copy URL

Copies the app URL to the clipboard

Open URL

Opens the URL in a new browser window

Unpublish

Disables the app URL

See/hide embed code

Displays/hides the embed code that allows the app to be embedded into another web page.For more information: Embed a Web App on Your Website

 

Related Articles