本帖最后由 Brett 于 2025-2-21 20:34 编辑
4 ?3 y: |# @- e! K$ L- y3 s- `: w T2 s4 m( @) I/ q5 d& S- P: t# y# _
《Elon's Baby》TeleGram MiniApp商业化web3游戏客户端源码！ 1 M6 H" G0 U& r2 f: a
client项目说明 本项目为基于TeleGram上的web项目，需要引入并使用telegram-web-app.js的相关功能，帐号功能需要读取initData，在本地测试时，需要在项目根目录创建.env.local文件，将测试initData粘贴进文件中方可确保帐号登录流程正常，也可以修改App.vue第76行的代码。
2 e; n: p* f7 l9 I, g: \- P
项目文件夹说明 % a( k0 H) ?4 P3 x; ]3 L) x" G2 a. Y
/ tailwind.config.jstailwind的配置文件 4 v, [, y3 {( D5 O" [
vite.config.jsvite配置文件 " P, g7 f9 [9 R9 R& \
index.html页面模板文件 2 q) |5 _2 u4 y4 u% _! V
/public/image 静态页面文件，不参与打包，可以直接访问，所有的动画和教程图片都放在这里
5 c I1 [' N5 e: p& g0 ]
/src/ m9 Y! @- S- o z( W
App.vuevue主文件
/ e" z0 L9 H0 O) ` ?7 o
main.csstailwind默认样式
0 d5 l4 a6 {* g) X! `! t% j+ }
main.js项目入口文件 3 k7 l& X' i6 Q9 s
permission.js可以在此实现权限控制
3 {4 d& y% D7 t) C, [; d3 [
/src/api 接口文件夹，所有请求接口的方法都在这里 1 b. m% e" I% F$ h1 h
/src/assets 资源文件夹，项目中的图片都在这里
0 o( u+ y: D* g- o* M
/src/components 组件文件夹，所有的弹窗、页面内组件都在这里 7 g* `0 `7 N2 S2 S8 e
/src/languages 语言文件夹，项目支持多语言，但目前只有英文，可以在此文件夹扩展 / X0 ^% {# N; r; T
/src/modules 模块文件夹，基础滚动模块、消息模块、loading模块，还有动画对象都在这里 3 F4 o, g3 b- l- T
/src/pages 页面文件夹 * }% w: X/ H% L2 b7 O* @4 |" K! X! f
/src/router 路由文件夹 ) U1 t, [$ I) b4 ]
/src/store store文件夹
; o; }0 q% U6 h3 x2 X u6 `* S5 k
/src/styles 基础样式文件夹，一般不修改 , b$ b* v. v" m; B& u
/src/util
1 e& l: o, M7 n6 ^5 m
config.js配置文件
3 a$ i1 ^& t$ _# T& s$ u4 \
main.js各种常用方法
# X4 r' B4 L R8 x! u
request.jsapi请求 6 P5 d4 a8 Q m# C
locale.js本地存储功能 ( K, p% s9 m' |( @# D
部署文档
* r6 `9 o9 n ]/ U. r7 S0 A
安装 + l! v' m! e+ v# D
npm install
; s: v8 M/ A, C9 m& B) |: T/ s
; M9 u1 y9 B0 k1 c2 H4 J0 H8 v
启动本地开发
4 k/ u& L1 Y( m7 H' y1 |
// 本地测试服 npm run dev:beta // 本地正式服 npm run dev:release
. j/ P; b$ z8 ?) P
1 V. s8 q% \; l/ E7 n+ {1 U% C7 S
打包项目文件 $ r# X% M8 |% [* _
// 打包测试服 npm run build:beta // 打包正式服 npm run build:release
$ k% U G# ?, {" p* P
6 b. \; G* K. q U0 y2 V
正式服与测试服的区别在于请求服务端接口的不同（在config.js中配置），测试服不显示vconsole调试窗口。 . \; T7 r; _# }; G/ b
——————————————
$ u h3 a9 r5 n r9 o! u
$ p2 X3 N" \( \
客户端源码下载： " L; j" U1 E: T; q D" U
* M/ ^ w& B2 H5 S
0 M+ a1 g5 k9 b! y' H# v" m
) W% ]5 B- `$ L/ ^/ a! Z | 
简体中文
繁體中文
English
日本語
Deutsch
한국 사람
بالعربية
TÜRKÇE
คนไทย
Français
русский
开源社区
11021 人阅读
|
7 人回复
|
2025-02-21
português
french
