![](https://framerusercontent.com/images/zxNuAqdSqxLwW4r4qpU6Cwo.png)
Simon Jenner
Friday, 26 November 2021
![](https://framerusercontent.com/images/UnxOBOQWmjJz8cAiPAbdBZYfRo.png)
The basic things you need to do to get an app ready for being wrapped using BDK
Posted in:
No-Code
In order to get a client's app ready for BDK Wrapping complete the following:
1- Install the Native apps (bdk) plugin to the bubble app.
2- Update the onesignal_rest_api_key in the plugin settings. This information is available in the mobile onboarding in skunkworks.
3- Update the onesignal_app_id in the plugin settings. This information is available in the mobile onboarding in skunkworks.
4- Pick a mobile landing page, this is the page that will load when a user launches the mobile app. Typically this would be a login/signup page. If the client is using their bubble app for web and mobile then you will want a dedicated mobile landing page, maybe a page called app or login.
5- On you mobile landing page add the following: Add the workflow step ‘When page is loaded’ -> ‘BN - remove loading’ to each page of your app that will be used in native app.
6- Now go through the app and check for any workflow actions that needs to be changed to use a BDK Native plugin action rather than a Bubble or plugin action i.e. Take Picture. Anything that uses a mobile native feature needs to use a BDK action (camera, video, GPS, authentication, media etc) You can find a list of Native actions here https://thebdk.com/native
7- BDK is unable to pass Bubble's core messages to the mobile app i.e. login failed. Therefore you must use the Bubble 'an unhandled error occurs' workflow on each page and an alert to show it on the screen for the user.
1- Install the Native apps (bdk) plugin to the bubble app.
2- Update the onesignal_rest_api_key in the plugin settings. This information is available in the mobile onboarding in skunkworks.
3- Update the onesignal_app_id in the plugin settings. This information is available in the mobile onboarding in skunkworks.
4- Pick a mobile landing page, this is the page that will load when a user launches the mobile app. Typically this would be a login/signup page. If the client is using their bubble app for web and mobile then you will want a dedicated mobile landing page, maybe a page called app or login.
5- On you mobile landing page add the following: Add the workflow step ‘When page is loaded’ -> ‘BN - remove loading’ to each page of your app that will be used in native app.
6- Now go through the app and check for any workflow actions that needs to be changed to use a BDK Native plugin action rather than a Bubble or plugin action i.e. Take Picture. Anything that uses a mobile native feature needs to use a BDK action (camera, video, GPS, authentication, media etc) You can find a list of Native actions here https://thebdk.com/native
7- BDK is unable to pass Bubble's core messages to the mobile app i.e. login failed. Therefore you must use the Bubble 'an unhandled error occurs' workflow on each page and an alert to show it on the screen for the user.
Launch Your Startup Fast and Affordably! Our no-code approach is perfect for non-tech founders. With a simple 3-step process: START, LAUNCH, GROW, join over 1400 startups we've successfully launched. Start your journey today!
Join