How To Build and Publish a Chrome Extension

Developing and publishing a Chrome extension isn't daunting at all. In fact, in just 30 minutes, I'll walk you through what a Chrome extension is, what the high-level architecture looks like, how to develop a simple Chrome extension and how to publish it so everyone can use it.
💡 USEFUL RESOURCES
====================
Medium article: bit.ly/cdz7681
Simple Chrome extension GitHub repo: github.com/Cly...
Comprehensive Chrome extension GitHub repo: github.com/Cly...
Port a Chrome extension to Microsoft Edge: learn.microsof...
Figma design template: www.figma.com/...
🧠 INSTALL MY CHROME EXTENSIONS
=================================
4-7-8 Breathing: bit.ly/478brea...
Amazon to Goodreads Navigator: bit.ly/a2gn-ext
Retro Notes: bit.ly/retro-n...
Jira Status Colours: bit.ly/jsc-ext
Google Meet Exit Page: bit.ly/gmep-ext
👋 FOLLOW ME
=============
Twitter: / clydedz
Instagram: / insta_clyde
Medium: / clydedz
Links: links.clydedso...
☕ SUPPORT
===========
Buy me a coffee or sponsor my work through other ways: sponsor.clyded...
#chrome #chromeextension #howto #chromeextensions #figma #chromedevelopment #extension #extensions

[@spectredox]

Very comprehensive guide!! I would love to see a video on "build + deployment"!!

[@clydedz]

Thanks for the positive feedback, @Spectredox!

[@user-rk5zs9nd5r]

Excellent! Thank you. What is the process to publish an update to the extension next time?

[@clydedz]

Glad it was helpful. Thanks for watching! To publish an update, you'd need to update the version in the manifest JSON file, create a fresh ZIP and upload that again. The developer portal should detect the new incoming version and should show that in the Status and Package page.

[@adedeweboluwatife7931]

Thank you Idolo. Very helpful.

[@clydedz]

I'm glad it helped! Thanks for watching.

[@surij8376]

Can these settings be changed later? For e.g. if you choose to monetize later using stripe?

[@clydedz]

Yes, absolutely!

[@AdeebTechLab]

There was a problem uploading your file. Please try again.
The package should not contain any .pem files with private keys except for the key.pem file in the root of the package.

[@clydedz]

Usually, a Chrome extension wouldn't contain pem files out of the box. Does the error get resolved after excluding the file?

[@dompedropirado.shorts]

Hey, where does the Publisher editor name appears in the extension page?

[@clydedz]

Hi, if your website is verified, I think that's all that appears below the extension name on the extension page.
Otherwise, I believe it is the "offered by" section on the extension page located bottom right. Example -
chrome.google.com/webstore/detail/datadog-test-recorder/kkbncfpddhdmkfmalecgnphegacgejoa?hl=en&authuser=0
Although I don't see this "offered by" section on all extensions, so I'm not sure what the underlying condition for displaying this information is. Possibly best to write to Chrome developer support (or the google group) and ask this for confirmation.
Thanks!

[@uninho1985]

How can I secure my code from being stolen when I publish it to the store ?

[@clydedz]

Not sure if I understand the problem correctly, but why do you think once publishing the extension to the store, your code can be stolen?

[@NerdJoshua]

it says i cant upload anything anymore

[@clydedz]

Strange! It should allow you to upload the zip file as per the video. Perhaps post on StackOverflow to get more visibility of the issue. It's a bit difficult to troubleshoot in YT comments. Thanks for watching!

[@gangwang9641]

My poor English makes me slow down a lot

[@clydedz]

There's no problem in slowing down especially when you're learning. Take your time! 🤝