how to provide my valid SSL certificarte to my reactjs app - reactjs

I just finished a reactjs app for my website and is ready to production mode, I have not figure out how get It working under https mode, this app was developed with create-react-app in a local enviroment, now this app is in my redhat enterprise Linux server, I have googleed but unfortunatelly there is no as much valid or functionally information about it, I already set HTTPS=true in package.json and react-scripts with no result because this process do a self signed certificate, so my problem is to my app must work with my new valid certificate
I appreciate some one Who can helpme, thanks in advance

Passing the SSL certificate is the job of the server, not the react application.

Related

GSI_Logger Given origin is not allowed in Electron + React application

Being kinda new to React and everything clientside related, I am trying to build a Electron application with React.
At this point I can't tell if that's a good idea, but I wanted to try it.
Currently it works fine (see Github).
However I now wanted to add #react-oauth/google to give users the option to sign into their Google Account to allow the application to access their google drive and I'm struggling with that.
See the testing_auth_2 branch for that.
I enabled the drive-api in GCP and created credentials for a web application, adding http://localhost and http://localhost:3000 as authorised Javascript origins.
Now it works, but only when I start it as a webpage (npm start in my Github)
Starting it as an electron app failes, probably because electron doesnt run under localhost somehow (npm run electron:dev in my github code).
I tried creating Desktop and ios credentials since those dont ned authorised origins but the error persists.
Steps to recreate:
Enable drive api and create credentials in GCP
clone git#github.com:Urr4/electron-archive.git
checkout testing_auth_2 branch
Replace XXX in index.tsx with the client_id
The Google login should work using npm start, but not using npm run electron:dev
Any help is appreciated

Add-in error Sorry. we can't load the add-in. Please make sure you have network and/or Internet connectivity. Click "Retry" once you're back online

I am developing an Excel JS TypeScript React addin with VS code. I deployed my add-in to Azure and it worked fine. Now I wanted to start a localhost for development purposes but all of a sudden I got this message:
I am posting this question, so clearly there is no issue with my internet connection. Furthermore I tried to surf to the https://localhost:3000 URL and it gave me a blank page with this text:
Cannot GET /
I tried to use the Yeoman Generator to create an empty project because I thought I maybe messed up the webpack.config.js file or the manifest but installing the boilerplate React TypeScript Excel add-in did not get me anywhere neither because even the npm install command did not succeed. I have no idea how to tackle this.
many thanks in advance.
Thanks to Eugenes feedback I dug back into the Yeoman generator and generated a new boilerplate react project and found that a package.json.lock file was blocking npm install. After I removed the package.json.lock file I was able to perform the npm install command and then I compared the manifest file from the newly created boilerplate project to the actual project and I saw that I accidentally replaced the https://localhost:3000 by http://localhost:3000. So if you do not attach the s in HTTPS, it does this strange error. the reason I replaced it is because for production I use another URL.
Most likely something is preventing access to the URL. It can be local firewall software, VPN software, proxy configuration or Metered Connection setting.
Be aware, to run web add-ins you need to generate and install a valid certificate to use https. Office Add-ins should use HTTPS (not HTTP) even when you are developing, because Office clients require add-ins and webpages to come from a trusted and secure location. If your add-in fails to load within an Office client, it may be because you haven't installed (trusted) the certificate that the Yeoman generator for Office Add-ins provides. To make sure a valid certificate is used, try to navigate to the html file in any web browser.
Also you may try to switch to another network connection and try again.

Accessing Kubernetes Cluster through ingress-nginx as proxy from react app running on localhost

Apologies if this question is asked before, am new to Kubernetes
Am trying to access the k8s cluster through ingress-nginx as proxy running on my machine, through react app running on localhost
Am getting NET::ERR_CERT_AUTHORITY_INVALID Error in my browser.
I tried this but didn't worked.
How can I get around this?
Thank You.
If you don't install a real TLS certificate, you're just getting the default, self-signed one that the ingress controller includes as a fallback. Check out cert-manager for a path forward or just ignore the error for now (but probably don't ignore it, that's bad).

react https server not working but if i specify port number then it's working

Please help me i am new in create-react-app.
i have a project noosmall.com. I have configure https for react but dev config file all pem, cert, key file in dev file. So strange when i type my domain for example https://www.noosmall.com it's does not work, but when i type https://www.noosmall.com:80 then it's shows me page that i expected. But if i disable https server then simple www.noosmall.com show the expected page.
Can anybody help me please, i do stuck in this.
Thank you very much in advance.
You're not supposed to serve the website on a domain with the create-react-app bundled server. That's only for development ease. Here's the official documentation for how to deploy a create-react-app on static or dynamic servers with many examples. And if you're looking to serve over HTTPS that's on port 443, not 80.

deploy web application to google app engine on travis-ci - travis is asking for a password

I´m trying to deploy a web application to google app engine after successful build(I´m using maven on my project) and travis-ci is asking for my password. How can I input my password or specify somewhere else?
Based on the limited information you are giving us, I am guessing this is happening during the gcloud preview app deploy call.
Typically the docker TLS Verification will need a local public key for a Cert and this requires a passcode response. This situation can be avoided by providing the cert using the travis encrypt-file api and calling gcloud auth activate-service-account during the build. see gloud cli here
Please see the travis yml here for a full example
As always, post questions either here or github for additional walk-through questions.

Resources