위치기반 데이트 기록/공유 웹
A progressive Node.js framework for building efficient and scalable server-side applications.
npm run start:dev
- 의존성
# mongo
npm i @nestjs/mongoose mongoose
npm i -D @types/mongoose
# DTO 재사용
npm i @nestjs/mapped-types
# https://github.com/typestack/class-validator#validation-decorators
# for dto validation
npm i class-validator
# https://docs.nestjs.com/techniques/serialization
# serialization(before return Response)
# 필드 exclude등 유용하게 활용
npm i class-transformer
# import { Request } from 'express';
# Request object를 세부적으로 다루기 위해 필요
npm i @types/express
# nestjs graphql dep
# https://docs.nestjs.com/graphql/quick-start
npm i @nestjs/graphql graphql-tools graphql apollo-server-express
# https://dev.to/kop7/how-to-build-autocomplete-search-with-nestjs-elasticsearch-and-vue-12h8
# https://github.com/nestjsx/nestjs-config
npm i dotenv
# cache
# https://github.com/BryanDonovan/node-cache-manager#store-engines
npm install cache-manager
# https://github.com/v4l3r10/node-cache-manager-mongodb
npm install cache-manager-mongodb --save
# for test
npm i --save-dev mongodb-memory-server
# configservice
# https://medium.com/the-crowdlinker-chronicle/creating-config-files-in-nestjs-dcd059ae15e4
npm i @nestjs/configrealworld-example-app를 best-practice로 구조 참조
nest g mo user
nest g mo emoji
nest g mo comment
nest g mo spot
nest g mo place
cd src && mkdir shared && mkdir config├── src
│ ├── comment
│ ├── sticker
│ ├── place
│ ├── shared
│ ├── spot
│ ├── course
│ └── user
│ └── config기본적으로 모듈 폴더가 각 도메인(entity)을 담당합니다.
comment/spot에 대한 댓글
sticker/- 지도에 보여질 스티커
- 코스 생성에 필요한 기본 단위로 위치정보를 가지는 spot을 ref로 지닌다.
- 사용자가
sticker를 생성하게 되면, 해당 위치에 spot이 자동으로 생성 또는 업데이트 된다.
place/카카오 지역검색 API를 통해 받아올 장소에 대한 정보- 매번 유저가 쿼리를 보낼 때마다, api로 장소 데이터를 받아오는게 비효율적이라면, 한번 요청된 데이터는 캐싱한다. (mongo 재활용 또는 redis 사용)
shared/- 각 domain들이 공통으로 사용할 util
spot/place+comment||emoji- 기본적으로
place/데이터는 캐시는 되어도, db에 저장되지 않기 때문에, 상태를 가지게 되면 spot이라는 entity를 활용해 db에 저장시킵니다. - 총 3가지 경로로 생성/업데이트 된다.
- 유저가 sticker를 지도에 붙이는 경우
- 유저가 채팅방을 생성하는 경우(변경될 가능성 있음)
- 유저가 customSpot을 생성하는 경우(place정보를 카카오로부터 받을 수 없기 때문에 유저가 기입해줘야함)
course/- 스티커들을 사용해 생성되는 데이트 코스 정보
user- 사용자 도메인
config- env 환경값 관리 모듈(database, 3rd-party api)
$ npm run start:dev
# open http://[::1]:8000/graphql- 지역검색 query 예시 // API 스키마 전체 ⬇
- sort를 distance로 하게되면 x,y는 필수로 넣어주어야 합니다.
{
placesByKeyworld(filters: {
query: "돈가스"
sort: distance
x:126.40716457908
y:33.2588962209144
}){
id
place_name
x
y
}
}
mutation {
createSpot(createSpotInput: {
_id: "1890778114"
place_name: "연돈"
x:126.40716457908
y:33.2588962209144
}){
_id
place_name
x
y
}
}
- 로컬 mongodb 세팅
docker run --name mongo -p 0.0.0.0:27017:27017 -d mongo- 카카오
- 지역 REST api
- 지도 jdk
- 지역 검색 가능
- 라이브러리를 사용하면, 마크, 클러스터링 등 다양한 서비스도 사용가능
- 네이버(depreacted): 20.07 기준 검색 max 5개로 실사용 불가능
- 네이버 검색(지역): 식당, 정보를 검색하면 매칭되는 place object를 넘겨준다.
- 네이버 지도: 지도를 그려준다.
directive @specifiedBy(url: String!) on SCALAR
input KeywordSearchDto {
query: String!
category_group_code: String
x: Float
y: Float
radius: Int
rect: String
page: Int
size: Int
sort: SortType
}
type Place {
id: String!
place_name: String!
category_name: String
category_group_code: String
category_group_name: String
phone: String
address_name: String
road_address_name: String
place_url: String
distance: String
x: Float
y: Float
}
type Query {
placesByKeyworld(filters: KeywordSearchDto!): [Place!]!
}
enum SortType {
distance
accuracy
}
- 환경 세팅
brew tap heroku/brew && brew install heroku
heroku login
npm i -g heroku-dotenv # heroku가 .env 환경 못읽기 때문- deploy
heroku git:remote -a korean-date-map # app name is korean-date-map
git checkout main
heroku config:set NPM_CONFIG_PRODUCTION=false
heroku config:set NODE_ENV=production
heroku-dotenv push
git add .
git commit -am "heroku deploy"
git push heroku main
git push origin main- mongodb 세팅
ssh -p 11111 root@101.101.163.214
passwd mongodb
su mongodb
mongo --port 27017
use admin
db.createUser({ user: "<아이디>", pwd: "<비번>", roles: ["root" ] })
# db.updateUser("nexters",{roles : ["userAdminAnyDatabase","userAdmin","readWrite","dbAdmin","clusterAdmin","readWriteAnyDatabase","dbAdminAnyDatabase"]});
use <db이름1>
db.createUser({ user: "<아이디>", pwd: "<비번>", roles: ["readWrite", "dbAdmin" ] })
use <db이름2>
db.createUser({ user: "<아이디>", pwd: "<비번>", roles: ["readWrite", "dbAdmin" ] })
cat /home/mongodb/db/log/mongod.log # 로깅
tail -f /home/mongodb/db/log/mongod.log # 로깅 테일링
> db.serverStatus().connections # 커넥션 갯수 확인
{ "current" : 47, "available" : 772, "totalCreated" : 79 }
# 필드 수정
db.stickers.updateMany({}, {$rename: {"sticker_category": "sticker_index"}});
db.stickers.updateMany({}, { $set: { "sticker_index": Math.floor(Math.random() * (11 - 0 + 1)) + 0, "sweet_percent":50 }});
# db.stickers.find({sticker_category: {$exists : true }}).forEach(s => {
# print(Math.floor(Math.random() * (11 - 0 + 1)) + 0, choices[Math.floor(Math.random() * choices.length)]);
# });
const choices = [0, 30, 50, 70, 100];
db.stickers.find().forEach(s => {
db.stickers.update({_id: s._id},
{$set: {"sticker_index": Math.floor(Math.random() * (11 - 0 + 1)) + 0, "sweet_percent":choices[Math.floor(Math.random() * choices.length)]} }
);
});
- build docker
# docker build -t asia.gcr.io/daedongyeomap/backend .
# docker run -p 8080:8080 -d asia.gcr.io/daedongyeomap/backend daedongmap
- docker push
gcloud auth login
gcloud auth configure-docker
docker push asia.gcr.io/daedongyeomap/backend
# https://console.cloud.google.com/gcr/images/daedongyeomap?project=daedongyeomap
- cloud deploy
gcloud run deploy --image gcr.io/daedongyeomap/backend --platform managed
# [5] asia-northeast3 == asia/seoul
$ gcloud compute networks list
$ gcloud compute routers create daedong-router \
--network=default \
--region=asia-northeast3
NAME REGION NETWORK
daedong-router asia-northeast3 default
$ gcloud compute addresses create daedong-ip --region=asia-northeast3
$ gcloud compute routers nats create daedong-nat \
--router=daedong-router \
--region=asia-northeast3 \
--nat-all-subnet-ip-ranges \
--nat-external-ip-pool=daedong-ip
$ gcloud beta run deploy daedongyeomap \
--image=asia.gcr.io/daedongyeomap/backend \
--vpc-connector=daedong-connector \
--vpc-egress=all
# 고정 ip 확인
https://console.cloud.google.com/networking/addresses/list?folder=&organizationId=&project=daedongyeomap
-
- sandbox, production의 경우
- 추가로 configuration.ts
-
[cloud storage 이미지 upload]
$ gcloud app deploy
File upload done.
Updating service [default]...done.
Setting traffic split for service [default]...done.
Deployed service [default] to [https://daedongyeomap.du.r.appspot.com]
You can stream logs from the command line by running:
$ gcloud app logs tail -s default
To view your application in the web browser run:
$ gcloud app browse
const MongoClient = require('mongodb').MongoClient;
const uri = "mongodb+srv://<user>:<password>@cluster1.96jmq.mongodb.net/<dbname>?retryWrites=true&w=majority";
const client = new MongoClient(uri, { useNewUrlParser: true });
client.connect(err => {
const collection = client.db("test").collection("devices");
// perform actions on the collection object
client.close();
});$ gcloud builds submit
npm install mapbox-gl --save
<link href='https://api.mapbox.com/mapbox-gl-js/v2.1.0/mapbox-gl.css' rel='stylesheet' />