Posts

Instalasi Jenkins di Linux Ubuntu

Image
Berikut ini adalah cara instalasi Jenkins di Ubuntu Linux local saya. Download Jenkins Download Jenkins di alamat berikut   https://jenkins.io/doc/pipeline/tour/getting-started/  lalu simpan difolder yang mudah ditemukan. Menjalankan Jenkins Buka command promt. Dari command promt, buka folder dimana Jenkins berada. Lalu jalankan perintah berikut. Logs berada disini . Buka Url  http://localhost:8080/login Unlock installed jenkins dengan memasukan password yang telah generated oleh proses sebelumnya  di  /home/yoesoff/.jenkins/secrets/initialAdminPassword  masukan password ke  halaman yang baru muncul tersebut. Password hasil generate instalasi ada di lokasi berikut. ╭─yoesoff@yoesoff-ThinkPad-X220 ~/Documents/environtment/www/astronaut/public-api/public ‹master› ╰─➤ cat /home/yoesoff/.jenkins/secrets/initialAdminPassword 8eb52897bcaf4b8c9f7efe1d793280d2 Klik Continue Untuk proses pertama pilih Ins...

Cara Decompile berkas Dex dan Apk Android

Image
JADX         jadx  - Dex to Java decompiler Aplikasi Command line dan GUI   untuk mendapatkan kode sumber Java Android dari file Dex dan Apk. Adakalanya kita ingin membuat suatu fitur di Android dan tidak tau cara buatnya gimana, maka salah satu cara yang bisa ditempuh adalah mencontek dari aplikasi jadi dan kebetulan memiliki fitur yang kita inginkan. Hal ini bisa dilakukan  dengan membuka file Apk dan mendapatkan kode sumbernya untuk dicontek. Berikut adalah bagaimana cara melakukan decompile file Apk di Android dengan menggunakan aplikasi JADX. Proses Instalasi Android Decompiler JADX git clone https://github.com/skylot/jadx.git cd jadx/ ./gradlew dist Proses Instalasi JADX Proses Decompile Apk cd build/jadx/bin ./jadx ./jadx /home/yoesoff/Downloads/SmarterNoise_com.smarternoise.app.apk Proses Decompile File Hasil Decompile File hasil decompile ada di Folder SmarterNoise_com Folder...

MySQL 8 Export (Dump) Import Database

Image
Berikut ini adalah catatan tentang bagaimana cara Export, Dump dan Import database dari MySQL dengan mudah dan cepat; Import MySQL Database From SQL File mysql -u root -pmysqldb-password123 ebdb < /var/www/astronaut/ Export MySQL Database mysqldump -u root -pmysqldb-password123 ebdb > /var/www/astronaut/ebdb_ysf.sql Show MySQL Databases mysql> show databases; Selesai, itulah cara export dan import database MySQL via Command Line.

React Router

Image
Instalasi React Router Instalasi React Router logs . Import Router import { BrowserRouter } from 'react-router-dom' ; +src/index.js ... import { BrowserRouter } from 'react-router-dom' ; ... ReactDOM . render ( < BrowserRouter >< App /></ BrowserRouter > , document . getElementById ( 'root' )); +src/components/Main/index.js import React from 'react' ; import { Switch , Route } from 'react-router-dom' ; import Series from '../../containers/Series' ; const Main = props => ( < Switch > < Route exact path = "/" component = { Series } ></ Route > </ Switch > ) export default Main ; +src/components/App/index.js class App extends Component { render () { return ( < div className = "App" > < Main /> </ div > ); ...

ReactJS Form dan Condition Rendering

Image
Mengenal Event onChange +Bind `this` ke `onSeriesChange` Selain method-method bawaan React tidak memiliki 'this' yang benar mengacu ke class yang dimaksud. constructor ( props ) { super ( props ); this . onSeriesChange = this . onSeriesChange . bind ( this ); } +Method yang dipanggil onSeriesChange ( e ) { alert ( "hei tayo!" ); console . log ( e . target . value ); } +Pemanggilan Method render () { return ( < div > < div > Total series adalah: {this . state . series . length } </ div > < input type = "text" onChange = {this . onSeriesChange } /> < SeriesList list = {this . state . series } /> </ div > ); } Implementasi onSeriesChange onSeriesChange ( e ) { fetch ( `http://api.tvmaze.com/search/shows?q= ${ e . target . value } ` ). then (( response ) => { console . log ( response ); return response . json (); }) . then (( json ) =...

ReactJS Lists dan Keys

Image
Memahami cara membuat ReactJS Lists dan Keys. src/components/SeriesList/index.css src/components/SeriesList/index.js src/containers/Series/index.js src/components/App/index.js Uppss! ada warning! Bila kita lupa memberi key pada li maka akan diwarning. index.js:1375 Warning: Each child in a list should have a unique "key" prop . Check the render method of `SeriesList`. See https://fb.me/react-warning-keys for more information.     in li (at SeriesList/index.js:9)     in SeriesList (at Series/index.js:35)     in div (at Series/index.js:33)     in Series (at App/index.js:14)     in div (at App/index.js:12)     in App (at src/index.js:9) Untuk pesan warning diatas maka kira gunakan tambahan property berikut: < ul className = "series-list" > { props . list . map ( series => ( < li key = { series . show . id } > { series . show . name } </ li > )) } </...

React JS Container dan Components

Image
src/containers/series/index.js Buat folder dan file index berikut ini  src/containers/series/index.js.  Detailnya dapat dilihat seperti snapshot berikut ini: src/containers/series/index.js src/components/App/index.js Ubah file src/components/App/index.js, Detailnya dapat dilihat seperti snapshot berikut ini: src/components/App/index.js Penampakan di Browser Penampakan di Browser src/containers/series/index.js import React , { Component } from 'react' ; class Series extends Component { static get xapi () { return 'http://api.tvmaze.com/search/shows?q=vikings' ; } state = { series: [] } // dipanggil otomatis saat component dimount componentDidMount () { fetch ( Series . xapi ). then (( response ) => { console . log ( response ); return response . json (); }) . then (( json ) => { console . log ( json ); this . setState ({ series: json }); }); } // dipanggil otomatis saat c...