概述
写在前面：
上一节讲述了小程序的相关介绍以及账号注册，这一节讲述小程序发布的具体流程。
目录
????安装开发者工具
????小程序项目发布流程
????小程序代码的构成-项目结构
????1. 了解项目的基本组成结构
????2. 小程序页面的组成部分
????小程序代码的构成 - JSON 配置文件
????1. JSON 配置文件的作用
????2. app.json 文件
????3. project.config.json 文件
个人主页：个人主页
系列专栏：系列专栏【微信小程序】
????安装开发者工具
根据自己情况下载对应版本。
下载安装完毕后，打开软件，就如出现如下图所示图片，我们拿微信扫码登录就行。
????小程序项目发布流程
这里只是演示小程序如何发布上线，所以没有编写代码。
1.点击加号
2.这里我们缺少APPID，我们登录 微信公众平台
3. 把APPID复制，然后粘贴进去，如下图所示勾选，然后确定
4. 接着，在刚刚的网站中，找到设置
5. 把下面的基本信息填写完毕
6.点击上传
7.更新类型随便选，版本号随便填，然后点击上传
8.打开官方网站，选择版本管理，然后提交审核，审核成功就能使用了
????小程序代码的构成-项目结构
平时我们练习时，选择不使用云服务。
然后点击测试号，并按下图这这样设置，然后点击确定
????1. 了解项目的基本组成结构
????2. 小程序页面的组成部分
????小程序代码的构成 - JSON 配置文件
????1. JSON 配置文件的作用
????2. app.json 文件
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json",
"lazyCodeLoading": "requiredComponents"
}
????3. project.config.json 文件
{
"description": "项目配置文件",
"packOptions": {
"ignore": []
},
"setting": {
"bundle": false,
"userConfirmedBundleSwitch": false,
"urlCheck": true,
"scopeDataCheck": false,
"coverView": true,
"es6": true,
"postcss": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"preloadBackgroundData": false,
"minified": true,
"autoAudits": false,
"newFeature": false,
"uglifyFileName": false,
"uploadWithSourceMap": true,
"useIsolateContext": true,
"nodeModules": false,
"enhance": true,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"showShadowRootInWxmlPanel": true,
"packNpmManually": false,
"enableEngineNative": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"showES6CompileOption": false,
"minifyWXML": true
},
"compileType": "miniprogram",
"libVersion": "2.24.4",
"appid": "wx0da4d1971201a67b",
"projectname": "miniprogram-4",
"debugOptions": {
"hidedInDevtools": []
},
"scripts": {},
"staticServerOptions": {
"baseURL": "",
"servePath": ""
},
"isGameTourist": false,
"condition": {
"search": {
"list": []
},
"conversation": {
"list": []
},
"game": {
"list": []
},
"plugin": {
"list": []
},
"gamePlugin": {
"list": []
},
"miniprogram": {
"list": []
}
}
}最后
以上就是超帅玉米为你收集整理的【微信小程序-0基础入门】项目发布完整流程????安装开发者工具????小程序项目发布流程????小程序代码的构成-项目结构????小程序代码的构成 - JSON 配置文件的全部内容，希望文章能够帮你解决【微信小程序-0基础入门】项目发布完整流程????安装开发者工具????小程序项目发布流程????小程序代码的构成-项目结构????小程序代码的构成 - JSON 配置文件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复