# Flask/React App in Ignition?

**URL:** <https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 21, 2024, 12:51pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673 "2024-05-21T12:51:40Z")\
**Posts on this page:** 19\
**Page:** 2

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 22, 2024, 12:33pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/21 "2024-05-22T12:33:50Z")

</div>

Mainly to leverage Perspective's access controls per-user, but also to make the whole thing somewhat editable/tweakable by non-IT types at your client(s).

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 12:37pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/22 "2024-05-22T12:37:35Z")

</div>

> [@pturmel](#):
>
> editable/tweakable by non-IT types at your client(

Well they want the user to sign in using their Microsoft account, I don't know how to do that in Ignition but I am pretty sure there's an API that let's u do it and the company has a dedicated IT team, so I don't think the later should be a problem.

They just want me (the coop student) to do it, so i can gain experience in working, and so they can do more important stuff.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 22, 2024, 12:40pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/23 "2024-05-22T12:40:38Z")

</div>

> [@Soda](#):
>
> user to sign in using their Microsoft account

Yes, Microsoft can be set up as the Identity Provider for Ignition, which would then be automatically available for your development within Perspective.

(I haven't done that myself, but there are posts here on the forum about it.)

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 22, 2024, 12:46pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/24 "2024-05-22T12:46:23Z")

</div>

> [@Soda](#):
>
> I am new to Ignition

IMO you should learn Ignition, specifically Perspective, first before you make an ultimate decision.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 22, 2024, 12:49pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/25 "2024-05-22T12:49:34Z")

</div>

> [@Soda](#):
>
> They just want me (the coop student) to do it, so i can gain experience in working

Consider the possibility that your future employment value (at this company, post co-op) depends on you choosing to learn Ignition, not staying in your web design comfort zone.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 22, 2024, 12:56pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/26 "2024-05-22T12:56:26Z")

</div>

Yeah unless this is a rush thing, i would suggest you do this in igntion, its not that complicated.  
Take the oppurtunity to learn somethign new.

I had experience in Webdev an Python/java it took me just a couple days to watch most of the videos related to perspective (i watch everything on 2x 🤪 )  
just skip vision

In a week i was working on making screens

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 1:01pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/27 "2024-05-22T13:01:19Z")

</div>

Oh, I didn't know you could do that, thanks.

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 1:02pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/28 "2024-05-22T13:02:06Z")

</div>

Yeah that part does makes sense, and I agree. I will go back and try perspective again. 🫠

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 1:03pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/29 "2024-05-22T13:03:31Z")

</div>

Lol I also watched all the videos on 2x, and yeah I kind of already started designing something, spoiler alert its the most ugliest thing.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 22, 2024, 1:04pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/30 "2024-05-22T13:04:54Z")

</div>

Since you are familiar with css this should help you a lot to make the final touches for styles you dont find in perspective.  
im sure you are familiar with the inspector tools in a browser to find the correct css selectors

> **[Style Classes | Ignition User Manual](https://docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles/style-classes#enabling-the-advanced-stylesheet)**
>
> A Style Class is a group of Style settings that are saved together. Style Classes can be applied to multiple components to provide consistency in design. A Style Class enables you to define style elements in one place, and then quickly apply that...

just be sure to not make styles to general so they dont affect the other running projects/pages 😛

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 1:07pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/31 "2024-05-22T13:07:50Z")

</div>

Thank you sire or madam. I am familiar with the inspector tool 🫥

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [May 22, 2024, 1:46pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/33 "2024-05-22T13:46:30Z")

</div>

Would this require use of designer to build the perspective pages? This could be a handicap for users. Whereas non perspective approach will require just an HTML page builder or hand coded HTML pages. However building login with Identity provider would have to be built somehow using scripting in this case.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [May 22, 2024, 1:54pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/34 "2024-05-22T13:54:07Z")

</div>

> [@prafull\_j](#):
>
> Would this require use of designer to build the perspective pages?

Of course the designer must be used to build perspective pages, why would it be different ever?

IMO, the Ignition Designer for perspective is much like the many WYSIWYG website designers out there, but much better with more control.

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [May 22, 2024, 1:59pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/35 "2024-05-22T13:59:37Z")

</div>

Agreed that perspective designer is almost a full fledged HTML editor, but in Muhammad's case he wants his clients or users to be able to create these static pages and upload on the live Ignition server then how would the users use designer? May be on a trial version on separate machine ?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 22, 2024, 2:08pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/36 "2024-05-22T14:08:09Z")

</div>

he said upload and watch files, not views, so these will porobably be images/pdfs of some report

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 2:09pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/37 "2024-05-22T14:09:47Z")

</div>

Yeah its gonna be pdfs

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 22, 2024, 2:14pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/38 "2024-05-22T14:14:24Z")

</div>

You could allow users to do limited editing of the site itself (announcements, etc.) using the Markdown component and databasing the content - much as I'm doing right now on the forum.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [May 22, 2024, 5:08pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/39 "2024-05-22T17:08:54Z")

</div>

I never thought of that, but it’s basically a markdown forum in 3 easy steps !

---

<div class="post-metadata">

**Author:** ![Soda](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Soda](https://forum.inductiveautomation.com/u/Soda)\
**Post date:** [May 22, 2024, 6:32pm UTC](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673/40 "2024-05-22T18:32:38Z")

</div>

Oh that's pretty neat, I will try that for sure.

[Previous page](https://forum.inductiveautomation.com/t/flask-react-app-in-ignition/90673.md?page=1)
