Variable setting before deploy

vitorrgg · June 12, 2019, 3:48pm

Hey guys!

I’m trying to allow the user to set variables before making the deploy. That is working for users that have already made a deploy, but the configuration fields are not beeing shown to users that are making their first deploy.

Can someone help me?

This is my netlify.toml setting:

[build]
  command = "npm run build"
  publish = "dist"

[template.environment]
  ECOM_STORE_ID = "Your E-Com Plus Store ID"
  ECOM_STORE_OBJECT_ID = "Your E-Com Plus Store Object ID"

luke · June 14, 2019, 3:13am

Are people deploying using a “Deploy to Netlify” button in the repo or doing a “normal” deployment?

For a “normal” deployment, one solution would be to include those variables by adding them to netlify.toml before deploying.

If they are deploying via the web UI, in step three ( Build options, and deploy!) click “Show advanced” and then “New variable”. This will allow the environment variable to be added there and used for the initial deploy.

If there are other questions or this is needed in a “Deploy to Netlify” button, please reply here anytime.

vitorrgg · August 22, 2019, 4:48pm

We are using a “Deploy to Netlify” button, deploying via the web UI, where the users shoud insert these IDs.

If there is a way to make the enviroment variables be shown in the UI even in the first deploy we would appreciate it very much. This would be the best way for our users to make the deploy.

Thanks for the reply.

fool · August 23, 2019, 8:20pm

Hmm, that should work already. It does seem to with our statuskit, using the exact same format:

github.com

netlify/netlify-statuskit/blob/master/netlify.toml#L8-L12


      
          [template.environment]
            STATUSKIT_PAGE_TITLE = "title for the page"
            STATUSKIT_COMPANY_LOGO = "url to your company's logo"
            STATUSKIT_SUPPORT_CONTACT_LINK = "url to your support page"
            STATUSKIT_RESOURCES_LINK = "url to your knowledge base page"

as shown here:

Could you link me to your repo so I can try it out myself?

vitorrgg · August 28, 2019, 8:35pm

Sure! : GitHub - ecomplus/storefront: Modern and high performant headless eCommerce Storefront. PWA & JAMstack architecture ready for E-Com Plus APIs. Built with Vue.js, extensible through widgets and editable with Netlify CMS.