{"id":125,"date":"2019-03-02T09:56:36","date_gmt":"2019-03-02T09:56:36","guid":{"rendered":"http:\/\/doableyo.com\/yes\/?p=125"},"modified":"2019-05-07T15:09:43","modified_gmt":"2019-05-07T15:09:43","slug":"random-solution-to-development-issues-and-steps-to-getup-application-working","status":"publish","type":"post","link":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/","title":{"rendered":"how to solve basic development issues and steps to getup application working"},"content":{"rendered":"\n

These are the random solution to the issues, faced while developing the application in front-end and these are just the hand tools to fix issues and refer anytime in need. Hope it helps you in your search for solutions. Will keep updating with more and were need of improvement required to this page. <\/p>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

ANGULAR – To use on CLI<\/h2>\n\n\n\n
\n\n\n\n

\/\/to run server with proxy file optionally can be set under angular.json > server > options >
\nng serve –proxy-config proxy.config.json<\/p>\n\n\n\n

\/\/if need to add port optionally
\nng serve –proxy-config proxy.config.json –port 9999<\/p>\n\n\n\n

\n\n\n\n

EXPRESS – To use on CLI<\/h2>\n\n\n\n
\n\n\n\n

express –view=pug spar-api<\/p>\n\n\n\n

create : spar-api\\
\n create : spar-api\\public\\
\n create : spar-api\\public\\javascripts\\
\n .
\n .<\/p>\n\n\n\n

change directory:
\n > cd spar-api<\/p>\n\n\n\n

install dependencies:
\n > npm install<\/p>\n\n\n\n

run the app:
\n > SET DEBUG=spar-api:* & npm start<\/p>\n\n\n\n

On Windows use this command
\n set DEBUG=myapp:* & npm start<\/p>\n\n\n\n

On Mac or linux
\n DEBUG=myapp:* npm start<\/p>\n\n\n\n

\n\n\n\n

TO CREATE SECRECT KEY<\/p>\n\n\n\n

\n\n\n\n

Window terminal side of code: <\/p>\n\n\n\n

node -e “console.log(require(‘crypto’).randomBytes(256).toString(‘base64’)); #not working with jwt token signing trying other way below: <\/p>\n\n\n\n

Source: https:\/\/gist.github.com\/Holger-Will\/3edeea6855f1d69a5368871bce5ea926 <\/p>\n\n\n\n

(tried on windows 7, working find with angular-jwt app)<\/p>\n\n\n\n

generate private key<\/p>\n\n\n\n

openssl genrsa -out private.pem 2048<\/p>\n\n\n\n

extatract public key from it<\/p>\n\n\n\n

openssl rsa -in private.pem -pubout > public.pem<\/p>\n\n\n\n

\n\n\n\n

Express side of code:<\/p>\n\n\n\n

\/\/Normalizing the path for windows environment
\nvar normalPKPath = path.normalize( __dirname + ‘\/private.key’);<\/p>\n\n\n\n

const RSA_PRIVATE_KEY = fs.readFileSync(normalPKPath, ‘utf8’);<\/p>\n\n\n\n

\n\n\n\n
\n\n\n\n

FIREBASE SETUP FOR ANGULAR CLI PROJECT<\/h2>\n\n\n\n
\n\n\n\n

Create project in firebase console web page; https:\/\/console.firebase.google.com\/<\/p>\n\n\n\n

install firebase tool<\/p>\n\n\n\n

npm install -g firebase-tool<\/p>

firebase login <\/p><\/blockquote>\n\n\n\n

Google will try to login with your google account <\/p>\n\n\n\n

(prior to init everytime, you have to make angular prod build ready and do firebase init each time for new deployment to firebase server)<\/p>\n\n\n\n

firebase init <\/p><\/blockquote>\n\n\n\n

couple of questions will be asked after init command, type of deployment for web choose Hosting by presseing space bar key after selecting the option in list.
\nnext publish folder path to be, in angular cli its dist folder for production build, type dist and hit enter
\nnext it will ask you is your app is singple page app or not? type yes and hit enter
\nnext it will ask do you want to replace existing index.html with firebase choose now? because our prod build as created file under dist folder.
\nnext will create necessary files in your app directoy related to firebase\/<\/p>\n\n\n\n

make sure you update enviorments.prod.ts with firebase configuration detail, which you will get object from firebase console Create app for web page by clicking on it, <\/p>\n\n\n\n

under project overview page.<\/p>\n\n\n\n

next finially execute<\/p>\n\n\n\n

firebase deploy <\/p>\n\n\n\n

optionally you may use firebase deploy –proiect <\/p>\n\n\n\n

if everything fine you will see app running under firebase server<\/p>\n\n\n\n

\n\n\n\n

ZEIT NOW – ISSUE SOLUTION<\/p>\n\n\n\n

\n\n\n\n

Build failing for typescript file: giving error Error: Cannot find module ‘typescript’<\/p>\n\n\n\n

Fix to use @now\/node@0.4.28-canary.6: in now.json file to make a build :
\nsolution source: Github Issue https:\/\/github.com\/zeit\/now-builders\/issues\/181<\/a><\/p>\n\n\n\n

Example: { “src”: “.\/src\/app\/server\/*.ts”, “use”: “@now\/node@0.4.28-canary.6”}<\/p>\n","protected":false},"excerpt":{"rendered":"

These are the random solution to the issues, faced while developing the application in front-end and these are just the hand tools to fix issues and refer anytime in need. Hope it helps you in your search for solutions. Will keep updating with more and were need of improvement required to this page. ANGULAR – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,14],"tags":[],"class_list":["post-125","post","type-post","status-publish","format-standard","hentry","category-blog","category-tech","entry"],"yoast_head":"\nhow to solve basic development issues and steps to getup application working - DoableYo!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"how to solve basic development issues and steps to getup application working - DoableYo!\" \/>\n<meta property=\"og:description\" content=\"These are the random solution to the issues, faced while developing the application in front-end and these are just the hand tools to fix issues and refer anytime in need. Hope it helps you in your search for solutions. Will keep updating with more and were need of improvement required to this page. ANGULAR – […]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\" \/>\n<meta property=\"og:site_name\" content=\"DoableYo!\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-02T09:56:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-07T15:09:43+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/doableyo.com\/yes\/#\/schema\/person\/0b9be73850e0b7b2bda8b903e2ea07c3\"},\"headline\":\"how to solve basic development issues and steps to getup application working\",\"datePublished\":\"2019-03-02T09:56:36+00:00\",\"dateModified\":\"2019-05-07T15:09:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\"},\"wordCount\":533,\"articleSection\":[\"Blog\",\"Tech\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\",\"url\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\",\"name\":\"how to solve basic development issues and steps to getup application working - DoableYo!\",\"isPartOf\":{\"@id\":\"https:\/\/doableyo.com\/yes\/#website\"},\"datePublished\":\"2019-03-02T09:56:36+00:00\",\"dateModified\":\"2019-05-07T15:09:43+00:00\",\"author\":{\"@id\":\"https:\/\/doableyo.com\/yes\/#\/schema\/person\/0b9be73850e0b7b2bda8b903e2ea07c3\"},\"breadcrumb\":{\"@id\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/doableyo.com\/yes\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"how to solve basic development issues and steps to getup application working\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/doableyo.com\/yes\/#website\",\"url\":\"https:\/\/doableyo.com\/yes\/\",\"name\":\"DoableYo!\",\"description\":\"Yo is the boost behind it!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/doableyo.com\/yes\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/doableyo.com\/yes\/#\/schema\/person\/0b9be73850e0b7b2bda8b903e2ea07c3\",\"name\":\"admin\",\"url\":\"http:\/\/doableyo.com\/yes\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"how to solve basic development issues and steps to getup application working - DoableYo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/","og_locale":"en_US","og_type":"article","og_title":"how to solve basic development issues and steps to getup application working - DoableYo!","og_description":"These are the random solution to the issues, faced while developing the application in front-end and these are just the hand tools to fix issues and refer anytime in need. Hope it helps you in your search for solutions. Will keep updating with more and were need of improvement required to this page. ANGULAR – […]","og_url":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/","og_site_name":"DoableYo!","article_published_time":"2019-03-02T09:56:36+00:00","article_modified_time":"2019-05-07T15:09:43+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/#article","isPartOf":{"@id":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/"},"author":{"name":"admin","@id":"https:\/\/doableyo.com\/yes\/#\/schema\/person\/0b9be73850e0b7b2bda8b903e2ea07c3"},"headline":"how to solve basic development issues and steps to getup application working","datePublished":"2019-03-02T09:56:36+00:00","dateModified":"2019-05-07T15:09:43+00:00","mainEntityOfPage":{"@id":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/"},"wordCount":533,"articleSection":["Blog","Tech"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/","url":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/","name":"how to solve basic development issues and steps to getup application working - DoableYo!","isPartOf":{"@id":"https:\/\/doableyo.com\/yes\/#website"},"datePublished":"2019-03-02T09:56:36+00:00","dateModified":"2019-05-07T15:09:43+00:00","author":{"@id":"https:\/\/doableyo.com\/yes\/#\/schema\/person\/0b9be73850e0b7b2bda8b903e2ea07c3"},"breadcrumb":{"@id":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/doableyo.com\/yes\/random-solution-to-development-issues-and-steps-to-getup-application-working\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/doableyo.com\/yes\/"},{"@type":"ListItem","position":2,"name":"how to solve basic development issues and steps to getup application working"}]},{"@type":"WebSite","@id":"https:\/\/doableyo.com\/yes\/#website","url":"https:\/\/doableyo.com\/yes\/","name":"DoableYo!","description":"Yo is the boost behind it!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/doableyo.com\/yes\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/doableyo.com\/yes\/#\/schema\/person\/0b9be73850e0b7b2bda8b903e2ea07c3","name":"admin","url":"http:\/\/doableyo.com\/yes\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/posts\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":3,"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/posts\/125\/revisions"}],"predecessor-version":[{"id":181,"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/posts\/125\/revisions\/181"}],"wp:attachment":[{"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/media?parent=125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/categories?post=125"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/doableyo.com\/yes\/wp-json\/wp\/v2\/tags?post=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}