Hosting code / web-based content on Canvas?

[RM-BhamTech]

I have been developing webapps to make my course content more interactive, engaging, instructive, accessible, and responsively formatted for mobile users.

I have found that it is entirely possible to save markup, media, and scripts to a file structure in Canvas, and then iframe the html anywhere in the Canvas course. A full course export/import correctly updates the file paths for the new course/file numbers. So far it all mostly runs fine on any device that isn't iOS, the only limitations I have run into are certain data file (.vtt). However, because of iOS security protocols, none of my content will open on iOS, which kills the whole idea. 

Hosting the content on the school's domain has been discussed, but... have you ever met a CISS department? There is no way they'll take on the work of reviewing all of my janky code for "security vulnerabilities" even though it's all static content with client-side scripts. 

Question:  Is there a Canvas extension, plug-in, add-on, or whatever, that will allow my code to run as if it were a hosted / live webpage, so that students using iOS could run and interact with my webapps like everyone else? Is there another solution I haven't thought of? It has to be seamless from the student-side... this isn't for a computer-oriented program, so I can't ask students to set up local development servers or anything like that. 

Any guidance would be appreciated. I am a self-taught developer, so I don't know blind-spots I have.  

[JamesSekcienski]

@RM-BhamTech 

This sounds cool that you are building more interactive course content for your students.  I would recommend speaking with your school's Ed Tech, Instructional Design and/or IT departments to discuss this with them. 

• I see you noted about them potentially needing to review the code for security vulnerabilities, but your school may also have standards for accessibility that they would need to evaluate too. As you stated you are running into compatibility issues with iOS, so they may have some recommendations for this.
• Your school's support team(s) would also have more insight on currently supported tools/apps and may be able to recommend an existing tool or help find an appropriate approved tool to use.

[RM-BhamTech]

Thanks for your reply. I have previously discussed with colleagues, as you suggest. They agree there are good solutions, mostly involving hosting my content on a subdomain of the school's website. However, knowing the solution exists is one thing, and getting anyone to actually help implement is another. 

I have resigned to making do with what little is on the AllowList

I'll have to get back to making instructional interactives and games later. I just really wish I could at least use a style element and style the content by element class, rather than all of the stupid bloat from inline styles making the markup nearly unreadable, not to mention the editor removing whitespace and just being generally awful at indentation and syntactic highlighting. And fml if I happen drop a close quote and the editor removes half the markup when I switch back to the rich editor. 

[Semivies]

I had a similar need and ended up using librecloud.host to store my HTML/JavaScript content. It’s free and lets me host files openly, so I just grabbed the public link and embedded it in Canvas with an iframe. Worked right away without any login walls or weird permissions. Just make sure your files are self-contained and reference everything relative to the same folder.