DEV Community: idawnwon

Docker | Which network is your container running under?

idawnwon — Tue, 02 Mar 2021 02:57:57 +0000

I use docker-composer created 4 containers:

phpmyadmin
wordpress
mariadb
worker to simulate a cluster.

The worker container should publish read/edit WordPress posts through REST api, so the first thing I have to know is the IP address of wordpress.

docker inspect --format='{{json .NetworkSettings.Networks}}' wordpress

got this:
{"test4_default":{"IPAMConfig":null,"Links":null,"Aliases":["wordpress","3c643dafbb8a"],"NetworkID":"5a0f08a9dda9e1649a50568c697753c8b04277cf4fff73450aeef90bbceab2b4","EndpointID":"6513b7a1cc85f59bac846e979dd2226057654667c27cfeec0fffad505caa5bb7","Gateway":"192.168.80.1","IPAddress":"192.168.80.5","IPPrefixLen":20,"IPv6Gateway":"","GlobalIPv6Address":"","GlobalIPv6PrefixLen":0,"MacAddress":"02:42:c0:a8:50:05","DriverOpts":null}}

docker inspect --format='{{range .NetworkSettings.Networks}}{{.IPAddress}}{{end}}' wordpress

got the ip:
192.168.80.5

Hope this helps!
So proud to be a coder!

Docker Network Error

idawnwon — Tue, 02 Mar 2021 01:35:03 +0000

ERROR: could not find an available, non-overlapping IPv4 address pool among the defaults to assign to the network

I got this error, then run docker network ls, 32 lines of network list showed up.

Exclude host, there are 31 uses DRIVER bridge.

I removed some old ones with docker network rm.

Flutter | Rectangular icons are centred incorrectly

idawnwon — Fri, 22 Jan 2021 14:44:29 +0000

I created an app logo in Sketch. Since in my design, it will be always in mono colour. So, embed it in to an icon font along with other app icons is not a bad idea.

I followed Emvolution Germany's post in medium.com, worked fine, but a bit weird:

The snippet:

        ...
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Icon(AwesomeIcons.logo),
              ...

Googled, found the same issue commented by bartektartanus on Github. It seems that rectangular icons do have centring problem.

I got a workaround:

        ...       
              Text(
                "\ue800", // the code point of the logo
                style: TextStyle(fontFamily: 'Howaii2'),
              ),

              ...

e800 is the code point, add \u before it.
Result:

Another workaround according to jason-simmons's comment on Github:

final IconData icon = AwesomeIcons.logo;
...
Text(String.fromCharCode(icon.codePoint),
  style: TextStyle(
    fontSize: 24.0,
    fontFamily: icon.fontFamily,
    package: icon.fontPackage)
),

BTW, don't mess up the indentation of pubspec.yaml.
There should be 2 indentations before fonts:

Hope this helps!

So proud to be a coder!

iPhone connects and disconnects from Mac

idawnwon — Fri, 22 Jan 2021 13:51:30 +0000

I am a big fan of Macbook Pro 15 inch (late 2015).
Reasons are simple:
Full ports
Physical function keys
I own three of it.

But they all drive me crazy on the same error:
iPhone keeps charging and discharging when plugged into it.

Whichever cord, even a brand new lightning cord.
Whichever macOS version, 10.12 - 10.15.
Whichever iPhone, iPhone 6 - iPhone XS.
Whichever iOS version, 9.0 - 14.0.

I recognised it for so long, don't care it too much, until just now when I was compiling a flutter app to my iPhone for testing.

Googled, found so many heart-broken big fans, also found a good solution.

According to this thread in Apple Communities

Connect your iphone to your Mac.

Go to Activity Monitor --> Search for usbd --> Force quit it.

Try terminal :

sudo killall -STOP -c usbd

Worked for me.

Also, someone say,

You will not believe me, but I noticed that when my phone has more than 60% of the battery charge this problem is not exists anymore ... it's very strange, I checked several times ...

Not in my case.

By the way, Touch Bar is a gimmick, period.

Hope this helps!

So proud to be a coder!

Connect Wordpress API to Flutter

idawnwon — Wed, 20 Jan 2021 05:46:17 +0000

After explored WordPress, I found it is really an easy-to-use yet powerful CMS backend. I decided to use Flutter to develop a front-end, CRUD data directly from WordPress through API.

1. Configure "JWT Authentication for WP-API"

This is a plugin for WordPress.

1.1 Search and Download "JWT Authentication for WP-API" in WordPress Plugin Market. (DON'T activate it for now.)

1.2 Edit `.htaccess` file, add lines below, between `<IfModule mod_rewrite.c>` and `</IfModule>` tag.

RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]

1.3 Edit `wp-config.php` file, add lines below, right after `define('AUTH_KEY', '...');define('SECURE_AUTH_KEY', '...');define('LOGGED_IN_KEY', '...');define('NONCE_KEY', '...');define('AUTH_SALT', '...');define('SECURE_AUTH_SALT', '...');define('LOGGED_IN_SALT', '...');define('NONCE_SALT', '...');`

define('JWT_AUTH_SECRET_KEY', 'YOUR_KEY_HERE');
define('JWT_AUTH_CORS_ENABLE', true);

Replace 'YOUR_KEY_HERE' with your key. Strongly recommend you to get one random key at this trusted site.
Just copy anyone you like.

1.4 Activate "JWT Authentication for WP-API" in your WordPress panel.

2. Edit pubspec.yaml file

This file locates in your flutter project folder.
Add following lines under dependencies: block:

flutter_wordpress: ^0.2.0
flutter_html: ^1.1.0
url_launcher: ^5.7.10

The version numbers are not constant. I googled each one's latest version on November 24, 2020. Maybe there would be newer versions at the time you are reading here.

Thanks to Morten Rand-Hendriksen's tutorial on Lynda.com

Hope this helps!

So proud to be a coder!

Errors When Implementing Firebase in Flutter

idawnwon — Wed, 20 Jan 2021 05:34:15 +0000

I don't know why but implementing Firebase in Flutter seems painful. (Both are all Google products, they are expected to work like a pair, don't they? XD)

`CloudFirestorePlugin.java uses or overrides a deprecated API`

`Error running pod install`

`Specs satisfying the cloud_firestore (from .symlinks/plugins/cloud_firestore/ios) dependency were found, but they required a higher minimum deployment target.`

There are a lot solutions out there to deal with errors above. Here I wanna note down solutions in my case.

Development Environment

MacOS: 10.15.7 (Catalina)
Xcode: 12.2 (12B45b)
Android Studio (AS): 4.1.2
Flutter Plugin for AS: 52.2.1
Dart Plugin for AS: 201.9317

Basic Setup

Follow Todd's video in Firebase official channel on Youtube

This video is released on Dec 3, 2020.

Follow it to do all the basic setup.

Or follow Firebase's official doc

Compiling to Android emulator

I met CloudFirestorePlugin.java uses or overrides a deprecated API error, but still compiled successfully.

Solution:

Quit the emulator, compile again, the error gone.

Compiling to iOS simulator

I met Error running pod install error. Also follows some detail like Specs satisfying the 'cloud_firestore (from '.symlinks/plugins/cloud_firestore/ios')' dependency were found, but they required a higher minimum deployment target.

Solution:

In Android Studio:
Click Tools -> Flutter -> Open iOS module in Xcode

In Xcode:
Click Runner -> General -> Deployment Info
choose "iOS 10.0" instead of "iOS 9.0"

Quit the simulator, compile again, the error gone.

I hate to raise deployment target to 10.0, but according to FlutterFire's official doc, 9.0 or lower are not accepted.

Hope this helps!

So proud to be a coder!

Execution failed for task ':app:mergeDexDebug'

idawnwon — Wed, 02 Dec 2020 13:05:48 +0000

After added cloud_firestore: ^0.14.3+1 (I am not quite sure if it is the only reason), run on Android emulator, failed, it saids Execution failed for task ':app:mergeDexDebug'.

TahaTesser gives a hint:

You need to enable multidex

lordvidex provided a solution:
Go to android/app/build.gradle, add the following lines of codes:

dependencies {
  implementation 'com.android.support:multidex:1.0.3' //enter the latest version
}
android {
    defaultConfig {
        multiDexEnabled true
    }
}

Run again, succeed.

Hope this helps!
So proud to be a coder!

'Error running pod install' After Add cloud_firestore to Flutter

idawnwon — Wed, 02 Dec 2020 12:26:21 +0000

Environment

macOS: 10.15.7
Xcode: 12.2, Build version 12B45b
Android Studio: 4.1.1

I made an app in Android Studio, it compiles fine. But a lot trouble happened after I add cloud_firestore.

The issue

I added

firebase_core: ^0.5.2+1
firebase_auth: ^0.18.3+1
cloud_firestore: ^0.14.3+1

to pubspec.yaml, run app, it says Error running pod install.

1st try

I thought it's maybe the versions issue, so I downgrade each one to

firebase_core: ^0.3.4
firebase_auth: ^0.8.4+4
cloud_firestore: ^0.9.13+1

Same issue.

2nd try

Then I folloed Paresh Mangukiya's answer to try something further

### Open terminal, go to the project's folder
cd /ios
rm Podfile.lock
pod install --repo-update
flutter clean

3rd try

Then I add the three dependencies one by one.

First added firebase_core: ^0.5.2+1, run app in simulator, OK.
Second added firebase_auth: ^0.18.3+1, run app, it says

Error: CocoaPods's specs repository is too out-of-date to satisfy dependencies.
To update the CocoaPods specs, run:
  pod repo update

Run pod repo update, then run app again, OK.

4th try

Next added cloud_firestore: ^0.9.13+1, run app, it says Error running pod install again, without any more info.

5th try

Then I believe it's the problem of cocoapods itself. I followed neilco's answer to fully uninstall cocoapods

gem list --local | grep cocoapods
sudo gem uninstall EACH_OF_THEM
rm -rf ~/.cocoapods

6th try

Then, I installed homebrew and reinstalled cocoapods

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install cocoapods

7th try

After that, redo the steps

### Open terminal, go to the project's folder
cd /ios
rm Podfile.lock
pod install --repo-update

It stuck at Installing BoringSSL-GRPC (0.0.7). I waited about 1 hour, it still stuck there.

8th try

After read Nitish Kumar Singh's post, I know

It downloads more than 1 GB of data when you Firebase(Firestore) to the Flutter Project. This is the reason why it took so long to finish.

After about 3 hours, downloaded a bunch of dependencies

Installing BoringSSL-GRPC (0.0.7)
Installing Firebase (6.33.0)
Installing FirebaseAuth (6.9.2)
Installing FirebaseCore (6.10.3)
Installing FirebaseCoreDiagnostics (1.7.0)
Installing FirebaseFirestore (1.18.0)
Installing Flutter (1.0.0)
Installing GTMSessionFetcher (1.5.0)
Installing GoogleDataTransport (7.5.1)
Installing GoogleUtilities (6.7.2)
Installing PromisesObjC (1.2.11)
Installing abseil (0.20200225.0)
Installing cloud_firestore (0.14.3-1)
Installing firebase_auth (0.18.3-1)
Installing firebase_core (0.5.2-1)
Installing gRPC-C++ (1.28.2)
Installing gRPC-Core (1.28.2)
Installing leveldb-library (1.22)
Installing nanopb (1.30906.0)

After a crazy 232.2s build time, run successfully.

Conclusion

Actually I am still not sure what caused the issue after all. But reinstall cocoapods helps in my case.

Hope this helps!
So proud to be a coder!

A Front-end Designer's Favourite Online Tools & Resources

idawnwon — Thu, 26 Nov 2020 12:38:45 +0000

Prototype

Figma

Fonts

Google Fonts

App Icons Set Generator

Appicon

Favicon (Thanks, @maxivanov , for sharing this cool site!)

Flow Charts

Diagrams

SVG Code Generator

SVGOMG

Color, Icon, Palettes

Material Palette

Coding Playground

Code Pen

Code Sandbox

Key Generator

WordPress Salts

UUID Generator

sudo gem install cocoapods failed

idawnwon — Wed, 25 Nov 2020 13:51:17 +0000

Environment:

macOS: 10.15.7
Xcode: 12.2, Build version 12B45b
Android Studio: 4.1.1

Process:

Test drive the demo flutter application, run on iOS simulator, everything goes well.
Added some dependencies in pub file, Android Studio throw errors and suggest me to sudo gem install cocoapods.
Tried this command, failed, error log saids, Failed to build gem native extension...
According to MahmoudKhaled's answer, tried these commands, error occurred, Error running 'requirements_osx_brew_libs_install autoconf automake libtool pkg-config coreutils libyaml libksba readline zlib openssl@1.1'
According to joki's answer, tried these commands:

sudo xcode-select --switch /Library/Developer/CommandLineTools
ruby -rrbconfig -e 'puts RbConfig::CONFIG["rubyhdrdir"]'
sudo xcode-select --switch /Applications/Xcode.app

Suggestion:

I strongly recommend you to read joki's answer. Inspired me a lot!

"Failed to install the following Android SDK packages..." When Building Android App on Android Studio

idawnwon — Mon, 23 Nov 2020 05:25:39 +0000

Failed to install the following Android SDK packages as some licences have not been accepted.
     platforms;android-26 Android SDK Platform 26
     build-tools;28.0.3 Android SDK Build-Tools 28.0.3
  To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.

If it prompts like this above, try:

# macOS:
export JAVA_HOME=/Applications/Android\ Studio.app/Contents/jre/jdk/Contents/Home
yes | ~/Library/Android/sdk/tools/bin/sdkmanager --licenses

For GNU/Linux Distributions, Windows, refer to Felix Too's answer on Stack overflow

Git | Discard The Local Changes

idawnwon — Mon, 16 Nov 2020 10:08:48 +0000

git reset --hard

DEV Community: idawnwon

Docker | Which network is your container running under?

Docker Network Error

Flutter | Rectangular icons are centred incorrectly

Hope this helps!

So proud to be a coder!

iPhone connects and disconnects from Mac

Connect your iphone to your Mac.

Go to Activity Monitor --> Search for usbd --> Force quit it.

Try terminal :

sudo killall -STOP -c usbd

Hope this helps!

So proud to be a coder!

Connect Wordpress API to Flutter

1. Configure "JWT Authentication for WP-API"

1.1 Search and Download "JWT Authentication for WP-API" in WordPress Plugin Market. (DON'T activate it for now.)

1.2 Edit .htaccess file, add lines below, between <IfModule mod_rewrite.c> and </IfModule> tag.

1.3 Edit wp-config.php file, add lines below, right after define('AUTH_KEY', '...');define('SECURE_AUTH_KEY', '...');define('LOGGED_IN_KEY', '...');define('NONCE_KEY', '...');define('AUTH_SALT', '...');define('SECURE_AUTH_SALT', '...');define('LOGGED_IN_SALT', '...');define('NONCE_SALT', '...');

1.4 Activate "JWT Authentication for WP-API" in your WordPress panel.

2. Edit pubspec.yaml file

Hope this helps!

So proud to be a coder!

Errors When Implementing Firebase in Flutter

CloudFirestorePlugin.java uses or overrides a deprecated API

Error running pod install

Specs satisfying the cloud_firestore (from .symlinks/plugins/cloud_firestore/ios) dependency were found, but they required a higher minimum deployment target.

Development Environment

Basic Setup

Compiling to Android emulator

Solution:

Compiling to iOS simulator

Solution:

Hope this helps!

So proud to be a coder!

Execution failed for task ':app:mergeDexDebug'

'Error running pod install' After Add cloud_firestore to Flutter

Environment

The issue

1st try

2nd try

3rd try

4th try

5th try

6th try

7th try

8th try

Conclusion

A Front-end Designer's Favourite Online Tools & Resources

Prototype

Fonts

App Icons Set Generator

Favicon (Thanks, @maxivanov , for sharing this cool site!)

Flow Charts

SVG Code Generator

Color, Icon, Palettes

Coding Playground

Key Generator

Knowledge Base

Images, Vectors, Icons Stock

sudo gem install cocoapods failed

Environment:

Process:

Suggestion:

"Failed to install the following Android SDK packages..." When Building Android App on Android Studio

If it prompts like this above, try:

Git | Discard The Local Changes

1.2 Edit `.htaccess` file, add lines below, between `<IfModule mod_rewrite.c>` and `</IfModule>` tag.

`CloudFirestorePlugin.java uses or overrides a deprecated API`

`Error running pod install`

`Specs satisfying the cloud_firestore (from .symlinks/plugins/cloud_firestore/ios) dependency were found, but they required a higher minimum deployment target.`