博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序_快速入门01
阅读量:6679 次
发布时间:2019-06-25

本文共 1558 字,大约阅读时间需要 5 分钟。

这段时间,嗯,大四课程已经结束了,工作也已经找到了,但是呢,到公司报道的时间还没到,哈哈,马上就开始人生的第一份工作了,怎么说确实有点期待~

在这段时间一方面为第一份工作做各种准备,另一方面也没有停止自己对互联网的探索,哈哈,于是乎,就决定折腾微信小程序了。
废话就省了,哈哈。快速开始吧:
首先参照 注册好微信小程序账号以及下载好开发者工具。
在按照官网开发文档准备好账号和工具后,就到了我们正正要玩的东西了:编程~~
打开开发者工具并简历一个最初的demo项目:
1455762-20181120131324296-272450870.png
程序结构说明:
-------------------------------------------------------------------------------------------------------------------------

└─ empty-folder/ ·································· 项目所在目录

├─ pages/ ······································ 页面目录
│ ├─ index/ ··································· index页面
│ │ ├─ index.js ······························ index页面逻辑
│ │ ├─ index.wxml ···························· index页面结构
│ │ └─ index.wxss ···························· index页面样式
│ └─ logs/ ···································· logs页面
│ ├─ logs.js ······························· logs页面逻辑
│ ├─ logs.wxml ····························· logs页面结构
│ └─ logs.wxss ····························· logs页面样式
├─ utils/ ······································ 公共脚本目录
│ └─ util.js ·································· 工具脚本
├─ app.js ······································ 应用程序逻辑
├─ app.json ···································· 应用程序配置
└─ app.wxss ···································· 应用程序公共样式


wxml就类似我们web开发中常写的html页面,js和web中的也一样,wxss就是平时我们写的css文件。

好了,到这里我们已经准备好了所有的环境基础,现在可以来测试以下,体验发布并在自己的手机好好体验,好好。
来:
在开发者工具里找到【上传】
1455762-20181120132338142-380345768.png

填写好上传信息并确认后,登录微信小程序管理平台,在开发管理模块就已经接收到了提交的信息:

1455762-20181120132505439-236869623.png
可以看到右边绿色的按钮可以切换为体验版,此时切换到体验,提交,可以得到一个二维码,手机扫描二维码,就可以在自己手机上体验第一个自己的微信小程序了,哈哈。
1455762-20181120133250249-762457620.png

好了,上面都测试通过了,那么基本的探索已经完成了。

接下来就是该好好的去研究探索如何发布出一个真正能用的实用的微信小程序了。

转载于:https://www.cnblogs.com/ynhwl/p/9988333.html

你可能感兴趣的文章
计算机网络基础知识(待补充)
查看>>
工作5年半了,最近准备做一些工作的小结了
查看>>
zabbix监控tengine upstream状态
查看>>
新手教程
查看>>
mysql-binlog日志恢复数据库
查看>>
python之使用单元测试框架unittest执行自动化测试
查看>>
java反射学习笔记
查看>>
day10-多进程的基本语法
查看>>
凡客和锤子
查看>>
设计模式(5)--单例模式
查看>>
VS2015 RTM与ASP.NET 5 RC1之坑
查看>>
@RequestMapping的Ant风格URL
查看>>
pitch yaw roll是什么
查看>>
python生成器 Generator
查看>>
Daily scrum[2013.12.09]
查看>>
mysql 切换数据库方案
查看>>
深浅copy
查看>>
网络osi
查看>>
WINREG.H 编译出错
查看>>
Detours的使用准备
查看>>