|
|
我们实际推荐使用小程序开发方案二：
教程地址：在本贴三楼
开发方案一：
一、与OURPHP对接数据
1) 下载 OURPHP原生小程序开发包.zip (适用开发方案一，如果用开发方案二 看三楼)
下载地址:https://pan.baidu.com/s/1Bq-TyI8D3Hl7uox-7lwTxw
二、把刚才在百度盘下载的 api文件上传对应位置:
如下:
1=> 独立版PHPapi -> /wxapp/ 整个目录上传至 ourphp /function/api/ 目录内
2=> 独立版PHPapi -> /ourphpwxapp/ 整个目录上传至 ourphp /client/plus/ 目录内
3=> 登陆后台 -> 运营 -> 插件 -> 安装新插件 -> 安装 微信小程序插件 (安装好后,设置小程序的导航栏和地图位置,地图位置的格式会在2楼教程中写)
4=> 以上步骤完毕后, 把 /ourphp小程序源码/ 目录内的所有文件夹和文件，覆盖到你创建好的小程序本地目录中 。（小程序开发工具创建的小程序目录）
这个时候小程序页面如下:
5=>用微信开发工具,打开/pages/op/ourphp.js , 按照上面的说明配置相关域名。
ALT+S 键 保存, 小程序即对接完毕.
首先说明这种属于小程序原生开发，采用AJAX方式请求服务器数据。这种的好处在于速度快，体验好。但是维护和开发成功较高，您要有一定的开发代码的经验。我们并没有对此代码做过多的UI设计和美化，需要你根据自已的美感来设计或调整。这个原生开发包只是把接口都写上去了，你可以参考并配合你的UI来用。
除小程序UI外
加载H5页面的UI 都在 开发包 /wxapp/ 目录里修改PHP文件来美化。（或者找我们帮你美化，支付少许费用）
小程序导航栏的设置
1) 目前小程序中,只支持 新闻,单页,产品(不含商城),图集,下载,招骋,视频 这7个模型的栏目.管理小程序栏目可以在后台->运营->插件中管理和选中要在小程序里展示的栏目. 除此之外的 外部链接 类型的栏目不支持,因为小程序不可以外部跳转.
2) 公司地图位置的设置格式为 : 45.367434#126.319170#哈尔滨伟成科技有限公司
分别为 经度#纬度#公司信息 注意用#格开, 公司信息可以自由设置, 比如可以输入电话号码等. 公司信息换行用 \n 来表示
目前ourphp对接小程序的能力说明
1) ourphp一直就是不管什么端,都和ourphp数据做到互通. 小程序也不例外. 小程序的数据全部来自 ourphp后台.也就是说目前ourphp一个后台发布信息,即互通到 PC / 手机 / 微信 / APP / 小程序中
2) 目前为V1.1.0版本 对接程序以企业展示型为主. 不支持商城(需要商城的我们可以另外开发). 目前不支持的有:
商城,会员中心,组图,视频播放,文件下载 (除商城外,其它功能我们在下一版本全部开发开放)
小程序方面的设置
小程序方面的设置需要通过 weixin.qq.com或者微信开发工具来设置. 设置小程序的标题和头部颜色等可通过小程序开发工具来设置.
打开 app.json 来设置.
{
"pages":[ //以下为路由页面,不需要改
"pages/index/index",
"pages/article/article",
"pages/article/articleview",
"pages/product/product",
"pages/product/productview",
"pages/photo/photo",
"pages/photo/photoview",
"pages/down/down",
"pages/down/downview",
"pages/video/video",
"pages/video/videoview",
"pages/job/job",
"pages/job/jobview",
"pages/about/about",
"pages/search/search",
"pages/map/map"
],//设置相关参数
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff", 背景色
"navigationBarTitleText": "微信接口功能演示", 标题
"navigationBarTextStyle":"black"
}
}
自已开发小程序模板
首先,如果你有一定的基础是可以开发小程序的模板的.但是小程序的语法和我们的HTML还是有区别的.小程序有自已的语法. 比如 view
如果你需要修改模板来样式或布局可通过 路由页面模板和 wxss 来修改.
wxml = html
wxss = css
所以 要是想开发模板 先学习一下小程序的文档和接口 https://mp.weixin.qq.com/debug/w ... x.html?t=1522150089
|
|
收藏
楼主