Muốn làm website có các cho tương tác như mạng xã hội thì cần kiến thức gì?

phamsang · January 2, 2020, 8:59am

em là sinh viên em có dự định làm một trang web cho tương tác thiết kế mặt bằng nhà cửa,nội thất đồng thời có chức năng như mạng xã hội để có thể để giao tiếp trực tuyến.giống như trang web này https://planner5d.com/e/
và em muốn khi mọi người vào trang chủ sẽ hiển thị các tài khoản đang online trên một nền map,và những tài khoản đó có khoảng cách gần với user đang online ạ
mọi người chỉ giùm em với,em đang bế tắc về vấn đề của mình.
em cảm ơn mọi người rất nhiều.
hiện tại em đã có một chút fronend,và một chút node js phần backend.

phamsang · January 2, 2020, 8:08am

có ai không giúp em với các bác.

Khoa_Bean · January 2, 2020, 8:44am

Xài api google map được không nhỉ bạn
Mình không biết nữa có thể xài 1 module nào đó lấy ip của người dùng rồi gửi vô IP Info để lấy thông tin địa chỉ của user (: |)
// đây là 1 comment của 1 thằng gà

phamsang · January 2, 2020, 8:57am

em cảm ơn anh đã quan tâm bài của em,anh có tài liệu nào hướng dẫn không ạ,em cũng chưa biết cái đó.

Khoa_Bean · January 2, 2020, 5:00pm

Cảm ơn bạn đã rep cmt của mình
Quả này có vẻ khó, theo mình thì như sau:

B1: Lấy ip public của người dùng, xài module request như axios gửi lên https://ipgeolocation.io/ và lấy cái vĩ độ và kinh độ (cái .loc: "10.9447,106.8243" gì gì ấy) => lưu vào 1 biến global nào đó

B2: Sử dụng hàm getDistance của module geolib trên npm, cho 1 vòng for lấy tất cả các kinh độ và vĩ độ của các người dùng và tính khoảng cách

Mình chỉ tìm hiểu được đến đây thôi ạ nên về phần show direction thì hơi khó, mình chỉ biết show “chấm địa chỉ” của người cần tìm thôi . Thì các bước để làm nó là:

B1: Lấy tên city của người dùng đó (nhớ là phải convert thành dạng không dấu nhé, có dấu ko tìm đc)

B2: Vào https://www.embedgooglemap.net/ bạn bấm vô get html code, trong cái link embed bạn thay cái query “q” thành tên city đó và embed vô trang web
Bye :))

Dao_An · January 2, 2020, 6:30pm

tất cả các browser đã hỗ trợ lấy location của user rồi bạn tham khảo ví dụ sử dụng tại đây https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API

hieudien · January 3, 2020, 2:05am

Theo như cách hỏi của bạn cũng như khả năng mà bạn tự đánh giá, thì mình nghĩ là bạn nên rèn luyện thêm trước khi làm project này.

phamsang · January 3, 2020, 4:04am

đúng vậy anh,em còn thiếu nhiều nên phải rèn luyện thêm ạ,em muốn biết cách làm á

phamsang · January 3, 2020, 4:17am

em cảm ơn nhé để em nghiên cứu thêm ạ