Host Angular in Firebase

1. Create project in Firebase. Create Angular application

2. Install firebase tools

npm install -g firebase-tools

3. Login and Initialize Firebase in Angular project

firebase login

firebase init hosting

4. Build Angular

ng build

5. Deploy built folder

firebase deploy

Promo

Quick way to switch back from Google+ profile in Blogger

I connected my Blogger profile with Google Plus, but I didn't like it. Mostly, because this would affect ALL of my blogs. So, how to switch back to the old Blogger profile?

Here is a link: http://www.blogger.com/revert-profile.g

Click this when you are logged into your Google account, and you will land directly on a page where you can switch back to your old Blogger profile.

Sztuczki z adresami bloga

Ostatnio zarejestrowałem nowy adres dla bloga. Było za darmo, więc co mi tam. Nowy adres to www.goleszympansy.pl.
Jaki z tego wynika problem? Otóż chcę, by blog byl dostępny pod wszystkimi adresami - a przynajmniej żeby wszystkie przekierowywały w jedno miejsce.

Rozwiązanie znalazłem nie całkiem łatwo na forum i tym blogu oraz za pomocą kilku prób i błędów.

Na początek: jak Google (i Windows Live) obsługuje custom domains? 
W ustawieniach swojej domeny należy nadać rekord CNAME do ghs.google.com (a w przypadku firmy konkurencyjnej jest to go.domains.live.com). Serwer docelowy na podstawie nagłówka HOST z żądania HTTP  (czyli tego, co zostanie wpisane w przeglądarkę) "wie", co wyświetlić.

Problem główny:
W tej chwili podstawowym adresem jest i ma być www.goleszympansy.pl (tak, przeniosłem z .eu na .pl). Wpisanie goleszympansy.blogspot.com przenosi na powyższy i wyświetla blog. Na starym goleszympansy.eu ustawiłem przekierowanie na podkatalog. W efekcie wpisanie tego adresu lub kliknięcie na dowolny permalink poniżej tego adresu, który mógłby być zindeksowany przez wyszukiwarkę będzie wprawdzie wyświetlał właściwą podstronę, ale w ramce. Natomiast www.goleszympansy.eu, o dziwo, przenosi na stronę www.google.pl. Z kolei goleszympansy.pl (czyli bez www) pokazuje zaślepkę home.pl.

Rozwiązanie: problem najłatwiejszy, czyli zaślepka home rozwiązałem w banalny sposób - w przekierowaniu WWW trzeba było również wpisać ghs.google.com. A w ustawieniach Bloggera koniecznie zaznaczyć "Przekierowanie z domeny goleszympansy.pl do domeny www.goleszympansy.pl.". Również jeśli wchodząc na swój adres bez www zobaczysz popsutego robocika (błąd 404), musisz wykona powyższe kroki.

Problem z www.goleszympansy.eu rozwiązał się sam, jak tylko rozpropagowały się wpisy DNS. Wcześniej dla testów skierowałem rekord www na goleszympansy.blogspot.com. W rzeczywistości ten drugi adres też kieruje dalej, na blogspot.l.google.com. A ponieważ nigdzie nie poinformowałem, do czego mój host ma kierować, wyświetliła się strona google.com

Ostatni problem, czyli ramka dla adresu goleszympansy.eu, to niestety tylko obejście. Wprawdzie blog nadal jest dostępny, ale kliknięcie dowolnego linku wewnątrz nadal pozostawia w przeglądarce wcześniejszy adres. Może to wpłynąć niekorzystnie np. na indeksowanie w wyszukiwarkach oraz mylić użytkowników.

Dla pełnego rozwiązania potrzebowałem dostępu do własnego serwera. Korzystając z IIS7 dodałem nowy Web Site. Dodałem powiązania (Edit Bindings > Add) do goleszympansy.eu i www.goleszympansy.eu, dzięki czemu tylko żądania z tych adresów będą przekierowywane. Następnie w HTTP Redirect ustawiłem przekierowania do http://www.goleszympansy.pl, a typ przekierowania na 301 (permanent). Na końcu w Home ustawiłem jak docelowy adres IP mojego serwera, i gotowe. 

E-mail dla własnej domeny - Google Apps

Skoro już opisałem, gdzie można założyć sobie niedrogo lub całkiem za darmo własną domenę, opiszę teraz, jak najłatwiej można dla tej domeny założyć adres e-mail.
Dwie największe firmy, oferujące darmowe skrzynki mailowe, pozwalają też założyć konto za darmo na własnej domenie. Google oferuje pakiet Google Apps, w skład którego wchodzi poczta na GMail-u, a Microsoft pozwala na podłączenie swojej domeny windowslive i korzystanie z Hotmail-a.

Google Apps - występuje w kilku wersjach, w tym w bezpłatnej. Przy bezpłatnej można mieć do max 10 użytkowników. Instalację należy zacząć od adresu www.google.com/a/cpanel/domain/new. W pierwszym kroku należy podać adres swojej domeny, w kolejnym kroku podać swoje dane (będzie potrzebny istniejący już adres e-mail), a w ostatnim tworzy się konto administratora.

Weryfikacja domeny Google Apps w home.pl:
Najpierw muszę udowodnić, że domena jest moja. W moim przypadku metoda zalecana odpada, ponieważ nie utrzymuję hostingu. Wybieram opcję weryfikacji przez dodanie odpowiedniego wpisu. Ta metoda jest trochę zdradliwa dla home.
Loguję się do home.pl na starym panelu administracyjnym pod adresem home.pl/setup, klikam następnie Konto →  Konfiguracja domeny → Edycja wpisow → Dodaj rekord. Google podało kod w stylu
google-site-verification=cośtamcośtam
W polu Nazwa hosta podaję swoją domenę, czyli np. goleszympansy.eu, typ rekordu wybieram TXT a jako Główna nazwa rekordu - kod otrzymany od Google.
Zmiana rekordów przez home może długo potrwać, aż do 1 godziny, dlatego na początku może pojawiać się komunikat, że weryfikacja zakończyła się niepowodzeniem.

Na początku miałem spore trudności z weryfikacją. Serwer Google twierdził, że nie może odnaleźć takiego wpisu. Otóż miałem ustawione w panelu Home przekierowanie WWW. Dopiero kiedy przekierowanie na chwilę usunąłem i dodałem rekord TXT, udało się zweryfikować własność. Potem skasowałem wpis TXT (o dziwo przykrywał mi wpis A i przekierowywał na stronę główną Google).

Jeśli powyższa metoda się nie powiedzie, alternatywna metoda wymaga dodania tagu do strony głównej lub wysłania pliku. Jeśli nie ma wykupionego hostingu, to pozostaje wykorzystanie np. bloggera. Np. dla tego bloga należałoby otworzyć panel kontrolny, wybrać Szablon, kliknąć "Edytuj kod HTML" i wpisać podany przez Google tag.

Konfiguracja e-mail:
Gdy już witryna jest zweryfikowana, można skonfigurować e-mail. Należy wrócić do pulpitu nawigacyjnego (jeśli się zgubi, jest on zawsze pod adresem np. www.google.com/a/cpanel/goleszympansy.eu/). Tam należy kliknąć "Aktywuj e-mail" i postąpić zgodnie ze wskazówkami. Dla home, w Konfiguracji domeny w polu "Przekierowanie poczty" wpisać ASPMX.L.GOOGLE.COM (bez kropki na końcu). Na końcu potwierdzam ustawienia na stronie Google i czekam na aktualizację wpisów.

Warto ustawić sobie własny adres, pod którym użytkownicy będą się logować. W panelu klikam na E-mail a w następnym ekranie "Zmień adres URL". Podaję subdomenę, a w serwerze DNS (np. w moim home) podaję, żeby ta subdomena przekierowywała na ghs.google.com.
W tym momencie, każdy użytkownik, który wpisze adres tej subdomeny zostanie przeniesiony na stronę logowania do poczty. 

Google Apps blocks .tk TLD

Obviously Google blocks using Apps service for all domains, that end with .tk.

.tk is top-level domain of Tokelau. They offer free domains for anybody. You can go to dot.tk and register your own domain and simply set redirection. Or, if you are more advanced, you can use their DNS servers to set records to route to your site. You can also set MX record for e-mail. 

I used .tk for e-mail in connection with Google Docs. Few months ago my .tk domain stopped working. When trying to log into my admin account, I get "This account has been disabled".

Trying to set up new google account on this domain also fails. All you gonna get, is this lousy excuse: 

Our systems have detected unusual traffic from your computer network. Please try your request again later. Why did this happen?

Of course, there is no unusual traffic from my network. Trying to set ANY other domain works fine.

Looks like I'm going to set my e-mail on Windows Live. (Windows Live works well with .tk domains)