Published July 26, 2022 © GPL3+

Esp8266 Shield using SMT assembly

Here is the esp8266 shield, I made this to program esp8266 easily and will make a dedicated programmer board soon.

BeginnerFull instructions provided2 hours220

Things used in this project

Hardware components

Espressif ESP8266 ESP-12E

NodeMCU ESP8266 Breakout Board

Software apps and online services

JLCPCB EasyEDA

Arduino IDE

Hand tools and fabrication machines

Breadboard, 170 Pin

10 Pc. Jumper Wire Kit, 5 cm Long

Story

ESP8266 is very powerful and most preferred microcontroller in IoT. This is used worldwide not only because of the wi-fi compatibilities but also due to open-source network. This comes with 32bit microcontroller running at 80Mhz. But it can be overclocked to 160Mhz keeping cooling conditions in mind. ESP8266 is designed on a very small PCB with real chip of EX8266 having external SPI flash memory.

ESP8266 comes with 2.0mm hole spacing and can’t be soldered directly with headers available in market. To work with this microcontroller, we have to buy the development boards which cost double. Some compatible programming shields are also available but usually out of stock at some places. That’s why I will make my own shield which can be programmed easily and can be used with breadboard for other projects.

ESP8266 specs:

· CPU: Tensilica Diamond Standard 106Micro (aka. L106) @ 80 MHz (default) or 160 MHz

· Memory: 32 KiB instruction, 80 KiB user data

· 17 GPIO pins

· Serial Peripheral Interface Bus (SPI)

· I²C (software implementation)

· I²S interfaces with DMA (sharing pins with GPIO)

· UART on dedicated pins, plus a transmit-only UART can be enabled on GPIO2

· 10-bit ADC (successive approximation ADC)

Esp8266 shield:

1 / 2

I build a ESP8266 SHIELD keeping breadboard compatibilities with easy programming in mind. AMS1117 3.3v voltage regulator is there to power up the ESP8266 MCU that works at 3.3v DC. A 10k resistor is connected between enable and VCC pin to make it logic 1 when programming. GPIO 15 is pulled down with an another 10k resistor. A USB type C female jack is connected to power up the microcontroller.

Programming:

Because this is a stand-alone shield having only microcontroller, it doesn’t support programming directly through USB. TO program the shield either you need an external programmer or a Nodemcu development board. See how to program the ESP8266 from here. We will build a dedicated programmer board for this shield that can be directly plugged to it with the help of pin headers.

JLCPCB Assembled boards:

Esp8266 microcontroller is very cheap and I need a lot of them for home automation and project making. I tried JLCPCB SMT assembly service which costs me just $8 for assembling and soldering.

The assembled boards are really outstanding, all the components used are original and soldered properly on place. JLCPCB has just launched an another PCBA service which supports dual side components assembly. Visit JLCPCB from here and explore all the service offered by them.

PCB specs:

I designed the circuit schematics in EasyEDA and then export all the required files for PCB assembly service. It is a double layer PCB with HASL finishing and 1.6mm thickness.

If you want to use the same designs as mine then download them from here. Try JLCPCB SMT assembly service and get free coupons of worth $54 on first sign-up.

Working:

I upload first program to test the neo pixel led 7 segment display. And this microcontroller is working very fine with this. You can access all the functions of the MCU and it’s better to order it from JLCPCB Assembled service.

You can see some cross connection in the above displayed GIF is because I forget to connect the tracks of VCC to voltage regulator but fixed in the Gerber file provided for download. You can also cross check the connection from the circuit diagram file given below.

How to order SMT assembled PCB:

1) Collect all the material like Gerber files, BOM file and pick and place (CPL) file.

2) Go to JLCPCB using this link and register as a new user through google or Gmail account.

3) Go to Coupons section and check the eligible coupons.

4) Upload your Gerber file and select all the parameters.

5) Then mark on SMT assembly and upload BOM/ CPL file.

6) Choose the components for assembly.

7) Add to cart and go for checkout.

8) Fill all the details for delivery and select your delivery method.

9) Make the payment and get your PCB in just 7 days.

Schematics

Code

test code with neopixel

#include <Adafruit_NeoPixel.h>

#define PIXELS_PER_SEGMENT  2     // Number of LEDs in each Segment
#define PIXELS_DIGITS       4     // Number of connected Digits 
#define PIXELS_PIN          2     // GPIO Pin

Adafruit_NeoPixel strip = Adafruit_NeoPixel(PIXELS_PER_SEGMENT * 7 * PIXELS_DIGITS, PIXELS_PIN, NEO_GRB + NEO_KHZ800);

//Pixel Arrangement
/*
          a
        f   b
          g
        e   c
          d
*/

// Segment array
byte segments[7] = {
  //abcdefg
  0b0000001,     // Segment g
  0b0000100,     // Segment e
  0b0001000,     // Segment d
  0b0010000,     // Segment c
  0b0100000,     // Segment b
  0b1000000,     // Segment a
  0b0000010     // Segment f
};

//Digits array
byte digits[10] = {
  //abcdefg
  0b1111110,     // 0
  0b0110000,     // 1
  0b1101101,     // 2
  0b1111001,     // 3
  0b0110011,     // 4
  0b1011011,     // 5
  0b1011111,     // 6
  0b1110000,     // 7
  0b1111111,     // 8
  0b1110011      // 9
};

//Clear all the Pixels
void clearDisplay() {
  for (int i = 0; i < strip.numPixels(); i++) {
    strip.setPixelColor(i, strip.Color(0, 0, 0));
  }
  strip.show();
}

void setup() {
  strip.begin();
}

void loop() {
  //disp_Seg(200);                // Cycle through all segments        (DelayTime)
  disp_Digits(1000);            // Show digits from 0-9              (DelayTime)
  //disp_Animation();             // Show some Animations with the segments
 //disp_CountUP(500, 450);       // Count numbers in Ascending order  (NUMBER, DelayTime)
//  disp_CountDOWN(500, 250);     // Count numbers in Descending order (NUMBER, DelayTime)
}

void disp_Seg(int wait) {
  clearDisplay();
  for (int d = 0; d < 5; d++) {
    for (int i = 6; i > 0; i--) {
      for (int n = 0; n < PIXELS_DIGITS; n++) {
        writeSegment(n, i);
      }
      strip.show();
      delay(wait);
    }
  }
}

void disp_Digits(int wait) {
  clearDisplay();
  for (int i = 0; i < 10; i++) {
    for (int n = 0; n < PIXELS_DIGITS; n++) {
      writeDigit(n, i);
    }
    strip.show();
    delay(wait);
  }
}

void disp_CountUP(int num, int wait) {
  clearDisplay();
  for (int i = 0; i <= num; i++) {
    writeDigit(0, (i / 100) % 10);
    writeDigit(1, (i / 10) % 10);
    writeDigit(2, (i / 1) % 10);
    strip.show();
    delay(wait);
  }
}

void disp_CountDOWN(int num, int wait) {
  clearDisplay();
  for (int i = num; i >= 0; i--) {
    writeDigit(0, (i / 100) % 10);
    writeDigit(1, (i / 10) % 10);
    writeDigit(2, (i / 1) % 10);
    strip.show();
    delay(wait);
  }
}

void disp_Animation() {
  clearDisplay();
  //UP-DOWN
  for (int i = 0; i < 7; i++) {
    for (int n = 0; n < PIXELS_DIGITS; n++) writeSegment(n, 5);
    strip.show();
    delay(100);
    for (int n = 0; n < PIXELS_DIGITS; n++) writeSegment(n, 0);
    strip.show();
    delay(100);
    for (int n = 0; n < PIXELS_DIGITS; n++) writeSegment(n, 2);
    strip.show();
    delay(100);
    for (int n = 0; n < PIXELS_DIGITS; n++) writeSegment(n, 0);
    strip.show();
    delay(100);
    for (int n = 0; n < PIXELS_DIGITS; n++) writeSegment(n, 5);
    strip.show();
    delay(100);
  }
  //LEFT-RIGHT
  for (int i = 0; i < 5; i++) {
    for (int n = 0; n < PIXELS_DIGITS; n++) {
      writeSegment(n, 6);
      strip.show();
      delay(150);
    }
    for (int n = PIXELS_DIGITS - 1; n >= 0; n--) {
      writeSegment(n, 3);
      strip.show();
      delay(150);
    }
    clearDisplay();
    for (int n = 0; n < PIXELS_DIGITS; n++) {
      writeSegment(n, 1);
      strip.show();
      delay(150);
    }
    for (int n = PIXELS_DIGITS - 1; n >= 0; n--) {
      writeSegment(n, 4);
      strip.show();
      delay(150);
    }
    clearDisplay();
  }
  //ZIG-ZAG
  for (int i = 0; i < 5; i++) {
    for (int n = 0; n < PIXELS_DIGITS; n++) {
      writeSegment(n, 6);
      strip.show();
      delay(125);
      clearDisplay();
      writeSegment(n, 1);
      strip.show();
      delay(125);
      clearDisplay();
      writeSegment(n, 4);
      strip.show();
      delay(125);
      clearDisplay();
      writeSegment(n, 3);
      strip.show();
      delay(125);
      clearDisplay();
    }
  }
}

void writeDigit(int index, int val) {
  byte digit = digits[val];
  for (int i = 6; i >= 0; i--) {
    int offset = index * (PIXELS_PER_SEGMENT * 7) + i * PIXELS_PER_SEGMENT;
    uint32_t color;
    if (digit & 0x01 != 0) {
      if (val == 1) color = strip.Color(50, 0,  0);
      if (val == 2) color = strip.Color(50, 50, 0);
      if (val == 3) color = strip.Color(50, 0, 50);
      if (val == 4) color = strip.Color(0, 50,  0);
      if (val == 5) color = strip.Color(0, 50, 50);
      if (val == 6) color = strip.Color(0,  0, 50);
      if (val == 7) color = strip.Color(50, 25, 0);
      if (val == 8) color = strip.Color(25, 5, 75);
      if (val == 9) color = strip.Color(75, 25, 5);
      if (val == 0) color = strip.Color(5, 75, 25);
    }
    else
      color = strip.Color(0, 0, 0);

    for (int j = offset; j < offset + PIXELS_PER_SEGMENT; j++) {
      strip.setPixelColor(j, color);
    }
    digit = digit >> 1;
  }
}

void writeSegment(int index, int val) {
  byte seg = segments[val];
  for (int i = 6; i >= 0; i--) {
    int offset = index * (PIXELS_PER_SEGMENT * 7) + i * PIXELS_PER_SEGMENT;
    uint32_t color;
    if (seg & 0x01 != 0) {
      if (val == 0) color = strip.Color(50, 0, 0);
      if (val == 1) color = strip.Color(0, 50, 50);
      if (val == 2) color = strip.Color(0, 50, 0);
      if (val == 3) color = strip.Color(50, 0, 50);
      if (val == 4) color = strip.Color(50, 50, 50);
      if (val == 5) color = strip.Color(0, 0, 50);
      if (val == 6) color = strip.Color(50, 50, 0);
    }
    else
      color = strip.Color(0, 0, 0);

    for (int j = offset; j < offset + PIXELS_PER_SEGMENT; j++) {
      strip.setPixelColor(j, color);
    }
    seg = seg >> 1;
  }
}

Esp8266 Shield using SMT assembly

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

ESP8266 specs:

Esp8266 shield:

Programming:

JLCPCB Assembled boards:

PCB specs:

Working:

How to order SMT assembled PCB:

Custom parts and enclosures

Gerber file

BOM file

CPL file

Schematics

CIRCUIT

Code

test code with neopixel

Credits

sagar networks

Comments

Embed the widget on your own site

Esp8266 Shield using SMT assembly

Esp8266 Shield using SMT assembly

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

ESP8266 specs:

Esp8266 shield:

Programming:

JLCPCB Assembled boards:

PCB specs:

Working:

How to order SMT assembled PCB:

Custom parts and enclosures

Gerber file

BOM file

CPL file

Schematics

CIRCUIT

Code

test code with neopixel

Credits

sagar networks

Comments

Related channels and tags