Code Monkey home page Code Monkey logo

flutterflowdeploymentexample's Introduction

FlutterFlow Deployment Example

Heres a simple notes app that was built using Flutter Flow and Firebase. These instructions will take you though the steps of setting up your project for deployment to iOS or Andriod.

Some Notes:

  1. This tutorial doesnt yet include instructions for deploying to web as I have yet to get it working without doing local code changes before deployment. I aim to write up separate instructions for this.
  2. As of publishing this, I am still running into publishing issues due to the version dependencies iOS is set to so be aware auto signing won't currently work from my experience.

Getting Started

First off you'll need to push or manually upload your FlutterFlow application to GitHub (or for the purposes of this, fork this repo)

You have two options for building, I recommend using Code Magic CI/CD or alternatively you can build and run locally.

Code Magic (or other CI/CD)

Getting Started

Signup to CodeMagic choosing the "Sign up with GitHub" option.

Add your app in the CI/CD

Select "Add your first app", Connect to repository using other if you are using this example (If you are using your own private repository select connect to GitHub and choose your repository from the drop down.)

Setting up the build workflow

Make sure that only Andriod and iOS are selected for your "Build for platforms".

Click on the Plus between "Test" and "Build" and paste the following into the "Pre-build script"

#!/bin/bash
flutter packages pub run build_runner build --delete-conflicting-outputs

Click on "Save Changes"

Now you can "Start new build"! This will take around 10 mins and at the end you will have an andriod APK and ios App file, inorder to run these apps on your device you will need to setup Andriod and iOS code signing and publishing:

Code Signing

Setting up iOS code signing with Code Magic (I recommend setting up auto code signing to automate this process)

Setting up Andriod code signing with Code Magic

I have to complete this step of the process for publishing

Working Locally (Works both Mac and Windows)

Getting Started

Clone your github repository locally or download the apps .zip from FireFlow

flutterflowdeploymentexample's People

Contributors

ogriffithjones avatar flutterflow-github-app[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.