Comments (7)
Why not just use the rendertron's demo endpoint: https://render-tron.appspot.com/ as a temporary fix instead of using our own endpoint
A demo Rendertron service is available at https://render-tron.appspot.com/. It is not designed to be used as a production endpoint. You can use it, but there are no uptime guarantees.
source
Tutorial mentions that as well: https://angularfirebase.com/lessons/seo-angular-part-1-rendertron-meta-tags/
from atila-angular.
-
Another solution is to possibly modify rendertron's app.yaml:
- Which is "better" for our use case, standard or flexible environment? What's the similarities and differences between standard and flexible (note that page is not available for nodejs)
- Reduce min_instances to zero (if using flexible)
- Change from flex to standard environment
- Change instance class.
- check the instance class prices:
-
It seems like flexible is more customizable and is useful for more longer, cpu and memory intensive tasks
-
For something "quick and easy" like prerendering web pages it seems like standard engine is a better option and we should probably go with opton 4:
- Change instance class:
from atila-angular.
Okay so to summarize:
-
Use the quick and dirty fix of using the demo endpoint for now
-
When I go back home, I will get the original server code that was used to deploy to rendertron and push to Github and redeploy our own app engine server by doing the following:
-
Change from flex to standard environment
-
Change the instance class to the cheapest standard instance class
-
Monitor the effect it has on performance
from atila-angular.
Trying to load the frontend resources through rendertron is causing a CORS error. I suspect that it might be because of the service workers?
Access to manifest at 'https://atila-7-staging.firebaseapp.com/manifest.json' from origin 'https://atila-7-staging.appspot.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
To make things even more confusing, some resources are passing by CORS and others are not
-
landing page gifs are passing by CORS
-
Fonts .woff files and manifest.json are not passing CORS
-
maybe it is an issue with my ngsw-config.json?
This tutorial suggests solving it by using something called foreign fetch: but that is now deprecated.
THe confusing part is that the main atila-7.appspot rendering engine seems to be working fine. It also fails on other resources but doesn't seem to request manifest.json which is why it doesn't fail
from atila-angular.
I noticed the page still renders as long as manifest.json gets loaded after all the other files
from atila-angular.
Steps to reproduce the bug:
-
Initial startup of app engine instance (occurs after sleeping or new version is deployed)
-
If the first url visited is not root, then manifest.json will be requested, it will fail because of CORS, then the rest of the app won't load.
from atila-angular.
The now deprecated rendertron server can be found in this repo: https://github.com/ademidun/atila-angular-server-old
from atila-angular.
Related Issues (20)
- Regex Script to Automatically Open Links in a new Window
- Improve Landing Page Design
- Improve Registration WorkFlow and UX
- Refactor Add Scholarship Page
- Refactor URLs to allow lazy-loading
- Optimize Web App and Implement Progressive Web App Features
- URL Rerouting on Login
- Redirect on Login
- Reading Progress Indicator for Blogs
- Prevent Views Double Count When Sort By is Clicked
- Combine Blog Create and Essay Create to One Component, Refactor Common Code
- Import Blog Post From URL
- Refactor Blog Detail to Use Side Widgets HOT 5
- Create Push Notifications When Saved Scholarships are Due HOT 4
- Update atila.ca and tech.atila.ca Team page
- Refactor Landing Page
- Resolve 'Warning: Can't resolve all parameters for AngularFirestore'
- Local Storage Keeps Getting Cleared and logging me out whenever Blog routerlink is clicked
- Add create notification to scholarship detail page.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from atila-angular.