{"id":9261,"date":"2025-05-02T16:22:22","date_gmt":"2025-05-02T16:22:22","guid":{"rendered":"https:\/\/help.fliplet.com\/?p=9261"},"modified":"2025-05-06T16:40:44","modified_gmt":"2025-05-06T16:40:44","slug":"using-multi-environment","status":"publish","type":"post","link":"https:\/\/help.fliplet.com\/using-multi-environment\/","title":{"rendered":"Using multi-environment"},"content":{"rendered":"

This article will guide you through the process of setting up new environments in Fliplet and configuring them to best suit your app editing needs while maintaining security. You\u2019ll learn how to create a new organization, add users, duplicate apps, replace sensitive data, merge screens, and test before publishing. By the end, you\u2019ll have a properly structured environment that supports efficient app development and collaboration.<\/p>\n

Environment overview<\/h2>\n

Production environment<\/strong> refers to the live version of your Fliplet organization where your apps are fully functional, accessible to end users, and contain all active user data. Any changes made here directly impact your users.<\/p>\n

Staging environment<\/strong> refers to a testing version of your Fliplet organization where you can safely make changes, test new features, and review updates without affecting active users or sensitive data. Use staging for development and quality assurance before pushing changes live.<\/p>\n

Learn more on setting up your environment here<\/a>.<\/p>\n

Get started<\/h2>\n
    \n
  1. Invite existing users<\/a><\/li>\n
  2. Prepare apps for copying<\/a><\/li>\n
  3. Copy apps to production<\/a><\/li>\n
  4. Merge screens<\/a><\/li>\n
  5. Test and launch<\/a><\/li>\n<\/ol>\n

    Step-by-step instructions<\/h2>\n

    Step 1 \u2013 Invite existing users<\/h3>\n

    1. Log in to the organization you wish to invite users to
    \n2. From My apps<\/strong>, click Organizational dashboard<\/strong>
    \n3. Select the Users<\/strong> tab
    \n4. Click Invite user<\/strong>
    \n5. Enter the email of each existing user and assign the appropriate role
    \n6. Click Invite user<\/strong>
    \n7. Users will see the new environment by clicking their name in the top\u2011right corner
    \n8. To switch between each organization click the required organization from the drop down list<\/p>\n

    \"\"<\/p>\n

    Step 2 \u2013 Prepare apps for copying<\/h3>\n

    1. From My apps<\/strong>, click the More<\/strong> dropdown on the app you want to copy
    \n2. Select Duplicate app<\/strong>
    \n3. In the popup, choose your production environment and click Duplicate app<\/strong>
    \n4. Open the duplicated app
    \n5. Identify sensitive data sources (e.g., user data) and replace real information with test data:
    \n– Remove real names, emails, phone numbers.
    \n– Insert test names, emails, phone numbers, maintaining the same structure.<\/p>\n

    Step 3 \u2013 Copy apps to production<\/h3>\n

    1. From My apps<\/strong>, click the More<\/strong> dropdown on the app to copy.
    \n2. Select Duplicate app<\/strong>
    \n3. In the popup, choose the target production organization
    \n4. Click Duplicate app<\/strong>
    \n5. To confirm: click your name (top right), switch to the production environment, and verify the app appears<\/p>\n

    Step 4 \u2013 Merge screens<\/h3>\n

    1. In the source app, enter Edit<\/strong> mode by clicking Edit<\/strong> (top right)
    \n2. Click the cog icon next to each screen you want to copy and select Copy to\u2026<\/strong>.
    \n3. In the popup, choose the destination app and click Copy<\/strong>
    \n4. Switch to the destination app
    \n5. Link menus and buttons to the newly copied screens
    \n6. If you have custom global code, copy and paste it manually between apps<\/p>\n

    Step 5 \u2013 Test and launch<\/h3>\n

    1. Thoroughly test each copied screen to ensure correct display and functionality.
    \n2. Verify navigation from menus and links
    \n3. If this is your first publish, click Publish<\/strong>
    \n4. If already published, choose Release in-app update<\/strong> to push changes to users<\/p>\n

    \n

    Related Articles<\/strong><\/p>\n